Skip to content

N
nutui

京东前端 / nutui

通知 37
Star 4
Fork 1
N
nutui

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 f718cd60 编写于 作者: Y yangxiaolu3
浏览文件
操作

feat: overlay

上级 9fd4ea09
隐藏空白更改
内联 并排
Showing with 218 addition and 78 deletion
miniprogram_dev/components/packages/button/index.js
浏览文件 @ f718cd60
......@@ -221,8 +221,8 @@ var _component = __webpack_require__(0);
},
methods: {
handleClick: function handleClick() {
if (!this.props.loading && !this.props.disabled) {
this.$emit('click', event);
if (!this.data.loading && !this.data.disabled) {
this.$emit('click');
}
}
}
......
miniprogram_dev/components/packages/button/index.js.map
浏览文件 @ f718cd60
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/component.ts","webpack:///./src/mixins/basic.ts","webpack:///./src/packages/button/index.ts"],"names":[],"mappings":"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","file":"packages/button/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n","import { basic } from '../mixins/basic.ts';\nimport { NutComponentOptions } from '../definitions/index.ts';\n\nfunction mapKeys(\n source: Record<string, any>,\n target: Record<string, any>,\n map: Record<string, any>\n) {\n Object.keys(map).forEach((key) => {\n if (source[key]) {\n target[map[key]] = source[key];\n }\n });\n}\n\nfunction NutComponent<\n Data extends WechatMiniprogram.Component.DataOption,\n Props extends WechatMiniprogram.Component.PropertyOption,\n Methods extends WechatMiniprogram.Component.MethodOption\n>(NutOptions: NutComponentOptions<Data, Props, Methods>): void {\n const options: WechatMiniprogram.Component.Options<Data, Props, Methods> = {};\n\n mapKeys(NutOptions, options, {\n data: 'data',\n props: 'properties',\n mixins: 'behaviors',\n methods: 'methods',\n beforeCreate: 'created',\n created: 'attached',\n mounted: 'ready',\n destroyed: 'detached',\n classes: 'externalClasses',\n observers: 'observers'\n });\n\n // add default externalClasses\n options.externalClasses = options.externalClasses || [];\n options.externalClasses.push('custom-class');\n\n // add default behaviors\n options.behaviors = options.behaviors || [];\n options.behaviors.push(basic);\n\n // add relations\n const { relation } = NutOptions;\n if (relation) {\n options.relations = relation.relations;\n options.behaviors.push(relation.mixin);\n }\n \n // map field to form-field behavior\n if (NutOptions.field) {\n options.behaviors.push('wx://form-field');\n }\n\n // add default options\n options.options = {\n multipleSlots: true,\n addGlobalClass: true,\n };\n\n console.log(options)\n\n Component(options);\n}\n\n\nmodule.exports = { NutComponent };\n","export const basic = Behavior({\n methods: {\n $emit(\n name: string,\n detail?: Record<string, unknown>,\n options?: WechatMiniprogram.Component.TriggerEventOption\n ) {\n this.triggerEvent(name, detail, options);\n },\n \n set(data: Record<string, unknown>) {\n this.setData(data);\n \n return new Promise((resolve) => wx.nextTick(resolve));\n },\n },\n });\n ","import { NutComponent } from './../../common/component.ts'\r\n\r\nNutComponent({\r\n props: {\r\n color: String,\r\n shape: {\r\n type: String,\r\n value: 'round'\r\n },\r\n plain: {\r\n type: Boolean,\r\n value: false\r\n },\r\n loading: {\r\n type: Boolean,\r\n value: false\r\n },\r\n disabled: {\r\n type: Boolean,\r\n value: false\r\n },\r\n type: {\r\n type: String,\r\n value: 'default'\r\n },\r\n size: {\r\n type: String,\r\n value: 'normal'\r\n },\r\n block: {\r\n type: Boolean,\r\n value: false\r\n },\r\n icon: {\r\n type: String,\r\n value: ''\r\n },\r\n iconClassPrefix: {\r\n type: String,\r\n value: 'nut-icon'\r\n },\r\n iconFontClassName: {\r\n type: String,\r\n value: 'nutui-iconfont'\r\n }\r\n },\r\n\r\n methods: {\r\n handleClick() {\r\n if (!this.props.loading && !this.props.disabled) {\r\n this.$emit('click', event);\r\n }\r\n },\r\n },\r\n});\r\n"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/component.ts","webpack:///./src/mixins/basic.ts","webpack:///./src/packages/button/index.ts"],"names":[],"mappings":"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","file":"packages/button/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n","import { basic } from '../mixins/basic.ts';\nimport { NutComponentOptions } from '../definitions/index.ts';\n\nfunction mapKeys(\n source: Record<string, any>,\n target: Record<string, any>,\n map: Record<string, any>\n) {\n Object.keys(map).forEach((key) => {\n if (source[key]) {\n target[map[key]] = source[key];\n }\n });\n}\n\nfunction NutComponent<\n Data extends WechatMiniprogram.Component.DataOption,\n Props extends WechatMiniprogram.Component.PropertyOption,\n Methods extends WechatMiniprogram.Component.MethodOption\n>(NutOptions: NutComponentOptions<Data, Props, Methods>): void {\n const options: WechatMiniprogram.Component.Options<Data, Props, Methods> = {};\n\n mapKeys(NutOptions, options, {\n data: 'data',\n props: 'properties',\n mixins: 'behaviors',\n methods: 'methods',\n beforeCreate: 'created',\n created: 'attached',\n mounted: 'ready',\n destroyed: 'detached',\n classes: 'externalClasses',\n observers: 'observers'\n });\n\n // add default externalClasses\n options.externalClasses = options.externalClasses || [];\n options.externalClasses.push('custom-class');\n\n // add default behaviors\n options.behaviors = options.behaviors || [];\n options.behaviors.push(basic);\n\n // add relations\n const { relation } = NutOptions;\n if (relation) {\n options.relations = relation.relations;\n options.behaviors.push(relation.mixin);\n }\n \n // map field to form-field behavior\n if (NutOptions.field) {\n options.behaviors.push('wx://form-field');\n }\n\n // add default options\n options.options = {\n multipleSlots: true,\n addGlobalClass: true,\n };\n\n console.log(options)\n\n Component(options);\n}\n\n\nmodule.exports = { NutComponent };\n","export const basic = Behavior({\n methods: {\n $emit(\n name: string,\n detail?: Record<string, unknown>,\n options?: WechatMiniprogram.Component.TriggerEventOption\n ) {\n this.triggerEvent(name, detail, options);\n },\n \n set(data: Record<string, unknown>) {\n this.setData(data);\n \n return new Promise((resolve) => wx.nextTick(resolve));\n },\n },\n });\n ","import { NutComponent } from './../../common/component.ts'\r\n\r\nNutComponent({\r\n props: {\r\n color: String,\r\n shape: {\r\n type: String,\r\n value: 'round'\r\n },\r\n plain: {\r\n type: Boolean,\r\n value: false\r\n },\r\n loading: {\r\n type: Boolean,\r\n value: false\r\n },\r\n disabled: {\r\n type: Boolean,\r\n value: false\r\n },\r\n type: {\r\n type: String,\r\n value: 'default'\r\n },\r\n size: {\r\n type: String,\r\n value: 'normal'\r\n },\r\n block: {\r\n type: Boolean,\r\n value: false\r\n },\r\n icon: {\r\n type: String,\r\n value: ''\r\n },\r\n iconClassPrefix: {\r\n type: String,\r\n value: 'nut-icon'\r\n },\r\n iconFontClassName: {\r\n type: String,\r\n value: 'nutui-iconfont'\r\n }\r\n },\r\n\r\n methods: {\r\n handleClick() {\r\n if (!this.data.loading && !this.data.disabled) {\r\n this.$emit('click');\r\n }\r\n },\r\n },\r\n});\r\n"],"sourceRoot":""}
\ No newline at end of file
miniprogram_dev/components/packages/overlay/index.js
浏览文件 @ f718cd60
......@@ -82,7 +82,7 @@ module.exports =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 12);
/******/ return __webpack_require__(__webpack_require__.s = 13);
/******/ })
/************************************************************************/
/******/ ({
......@@ -168,7 +168,7 @@ var basic = exports.basic = Behavior({
/***/ }),
/***/ 12:
/***/ 13:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
......@@ -180,31 +180,23 @@ var _component = __webpack_require__(0);
props: {
show: {
type: Boolean,
default: false
value: false
},
zIndex: {
type: [Number, String],
default: 2000
value: 2000
},
duration: {
type: [Number, String],
default: 0.3
value: 300
},
overlayClass: {
type: String,
default: ''
},
lockScroll: {
type: Boolean,
default: false
},
overlayStyle: Object,
closeOnClickOverlay: {
type: Boolean,
default: true
}
overlayStyle: String
},
methods: {}
methods: {
onClick: function onClick() {
this.$emit('click');
}
}
});
/***/ })
......
miniprogram_dev/components/packages/overlay/index.js.map
浏览文件 @ f718cd60
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/component.ts","webpack:///./src/mixins/basic.ts","webpack:///./src/packages/overlay/index.ts"],"names":[],"mappings":"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","file":"packages/overlay/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 12);\n","import { basic } from '../mixins/basic.ts';\nimport { NutComponentOptions } from '../definitions/index.ts';\n\nfunction mapKeys(\n source: Record<string, any>,\n target: Record<string, any>,\n map: Record<string, any>\n) {\n Object.keys(map).forEach((key) => {\n if (source[key]) {\n target[map[key]] = source[key];\n }\n });\n}\n\nfunction NutComponent<\n Data extends WechatMiniprogram.Component.DataOption,\n Props extends WechatMiniprogram.Component.PropertyOption,\n Methods extends WechatMiniprogram.Component.MethodOption\n>(NutOptions: NutComponentOptions<Data, Props, Methods>): void {\n const options: WechatMiniprogram.Component.Options<Data, Props, Methods> = {};\n\n mapKeys(NutOptions, options, {\n data: 'data',\n props: 'properties',\n mixins: 'behaviors',\n methods: 'methods',\n beforeCreate: 'created',\n created: 'attached',\n mounted: 'ready',\n destroyed: 'detached',\n classes: 'externalClasses',\n observers: 'observers'\n });\n\n // add default externalClasses\n options.externalClasses = options.externalClasses || [];\n options.externalClasses.push('custom-class');\n\n // add default behaviors\n options.behaviors = options.behaviors || [];\n options.behaviors.push(basic);\n\n // add relations\n const { relation } = NutOptions;\n if (relation) {\n options.relations = relation.relations;\n options.behaviors.push(relation.mixin);\n }\n \n // map field to form-field behavior\n if (NutOptions.field) {\n options.behaviors.push('wx://form-field');\n }\n\n // add default options\n options.options = {\n multipleSlots: true,\n addGlobalClass: true,\n };\n\n console.log(options)\n\n Component(options);\n}\n\n\nmodule.exports = { NutComponent };\n","export const basic = Behavior({\n methods: {\n $emit(\n name: string,\n detail?: Record<string, unknown>,\n options?: WechatMiniprogram.Component.TriggerEventOption\n ) {\n this.triggerEvent(name, detail, options);\n },\n \n set(data: Record<string, unknown>) {\n this.setData(data);\n \n return new Promise((resolve) => wx.nextTick(resolve));\n },\n },\n });\n ","import { NutComponent } from './../../common/component.ts'\r\n\r\nNutComponent({\r\n props: {\r\n show: {\r\n type: Boolean,\r\n default: false\r\n },\r\n zIndex: {\r\n type: [Number, String],\r\n default: 2000\r\n },\r\n duration: {\r\n type: [Number, String],\r\n default: 0.3\r\n },\r\n overlayClass: {\r\n type: String,\r\n default: ''\r\n },\r\n lockScroll: {\r\n type: Boolean,\r\n default: false\r\n },\r\n overlayStyle: Object,\r\n closeOnClickOverlay: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n\r\n methods: {\r\n \r\n },\r\n});\r\n"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/component.ts","webpack:///./src/mixins/basic.ts","webpack:///./src/packages/overlay/index.ts"],"names":[],"mappings":"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","file":"packages/overlay/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 13);\n","import { basic } from '../mixins/basic.ts';\nimport { NutComponentOptions } from '../definitions/index.ts';\n\nfunction mapKeys(\n source: Record<string, any>,\n target: Record<string, any>,\n map: Record<string, any>\n) {\n Object.keys(map).forEach((key) => {\n if (source[key]) {\n target[map[key]] = source[key];\n }\n });\n}\n\nfunction NutComponent<\n Data extends WechatMiniprogram.Component.DataOption,\n Props extends WechatMiniprogram.Component.PropertyOption,\n Methods extends WechatMiniprogram.Component.MethodOption\n>(NutOptions: NutComponentOptions<Data, Props, Methods>): void {\n const options: WechatMiniprogram.Component.Options<Data, Props, Methods> = {};\n\n mapKeys(NutOptions, options, {\n data: 'data',\n props: 'properties',\n mixins: 'behaviors',\n methods: 'methods',\n beforeCreate: 'created',\n created: 'attached',\n mounted: 'ready',\n destroyed: 'detached',\n classes: 'externalClasses',\n observers: 'observers'\n });\n\n // add default externalClasses\n options.externalClasses = options.externalClasses || [];\n options.externalClasses.push('custom-class');\n\n // add default behaviors\n options.behaviors = options.behaviors || [];\n options.behaviors.push(basic);\n\n // add relations\n const { relation } = NutOptions;\n if (relation) {\n options.relations = relation.relations;\n options.behaviors.push(relation.mixin);\n }\n \n // map field to form-field behavior\n if (NutOptions.field) {\n options.behaviors.push('wx://form-field');\n }\n\n // add default options\n options.options = {\n multipleSlots: true,\n addGlobalClass: true,\n };\n\n console.log(options)\n\n Component(options);\n}\n\n\nmodule.exports = { NutComponent };\n","export const basic = Behavior({\n methods: {\n $emit(\n name: string,\n detail?: Record<string, unknown>,\n options?: WechatMiniprogram.Component.TriggerEventOption\n ) {\n this.triggerEvent(name, detail, options);\n },\n \n set(data: Record<string, unknown>) {\n this.setData(data);\n \n return new Promise((resolve) => wx.nextTick(resolve));\n },\n },\n });\n ","import { NutComponent } from './../../common/component.ts'\r\n\r\nNutComponent({\r\n props: {\r\n show: {\r\n type: Boolean,\r\n value: false\r\n },\r\n zIndex: {\r\n type: [Number, String],\r\n value: 2000\r\n },\r\n duration: {\r\n type: [Number, String],\r\n value: 300\r\n },\r\n overlayStyle: String,\r\n },\r\n\r\n methods: {\r\n onClick(){\r\n this.$emit('click');\r\n }\r\n },\r\n});\r\n"],"sourceRoot":""}
\ No newline at end of file
miniprogram_dev/components/packages/overlay/index.json
浏览文件 @ f718cd60
{
"component": true,
"usingComponents": {}
"usingComponents": {
"nut-transition": "../transition/index"
}
}
\ No newline at end of file
miniprogram_dev/components/packages/overlay/index.wxml
浏览文件 @ f718cd60
<!-- <wxs src="./index.wxs" module="computed" /> -->
<!-- <Transition name="overlay-fade"> -->
<!-- <view :class="classes" @touchmove.stop="touchmove" @click="onClick" :style="style" v-show="visible">
<slot></slot>
</view> -->
<!-- </Transition> -->
<view ></view>
\ No newline at end of file
<nut-transition
name="fade"
show='{{ show }}'
custom-class="nut-overlay custom-class"
custom-style='z-index:{{zIndex}};{{overlayStyle}}'
bind:tap='onClick'
duration='{{duration}}'>
<slot></slot>
</nut-transition>
\ No newline at end of file
miniprogram_dev/components/packages/transition/index.js
浏览文件 @ f718cd60
......@@ -82,7 +82,7 @@ module.exports =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 13);
/******/ return __webpack_require__(__webpack_require__.s = 12);
/******/ })
/************************************************************************/
/******/ ({
......@@ -168,7 +168,7 @@ var basic = exports.basic = Behavior({
/***/ }),
/***/ 13:
/***/ 12:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
......
miniprogram_dev/components/packages/transition/index.js.map
浏览文件 @ f718cd60
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/component.ts","webpack:///./src/mixins/basic.ts","webpack:///./src/packages/transition/index.ts","webpack:///./src/utils.js"],"names":["getSystemInfoSync","requestAnimationFrame","isObj","systemInfo","wx","cb","platform","setTimeout","createSelectorQuery","selectViewport","boundingClientRect","exec","x","type"],"mappings":"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","file":"packages/transition/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 13);\n","import { basic } from '../mixins/basic.ts';\nimport { NutComponentOptions } from '../definitions/index.ts';\n\nfunction mapKeys(\n source: Record<string, any>,\n target: Record<string, any>,\n map: Record<string, any>\n) {\n Object.keys(map).forEach((key) => {\n if (source[key]) {\n target[map[key]] = source[key];\n }\n });\n}\n\nfunction NutComponent<\n Data extends WechatMiniprogram.Component.DataOption,\n Props extends WechatMiniprogram.Component.PropertyOption,\n Methods extends WechatMiniprogram.Component.MethodOption\n>(NutOptions: NutComponentOptions<Data, Props, Methods>): void {\n const options: WechatMiniprogram.Component.Options<Data, Props, Methods> = {};\n\n mapKeys(NutOptions, options, {\n data: 'data',\n props: 'properties',\n mixins: 'behaviors',\n methods: 'methods',\n beforeCreate: 'created',\n created: 'attached',\n mounted: 'ready',\n destroyed: 'detached',\n classes: 'externalClasses',\n observers: 'observers'\n });\n\n // add default externalClasses\n options.externalClasses = options.externalClasses || [];\n options.externalClasses.push('custom-class');\n\n // add default behaviors\n options.behaviors = options.behaviors || [];\n options.behaviors.push(basic);\n\n // add relations\n const { relation } = NutOptions;\n if (relation) {\n options.relations = relation.relations;\n options.behaviors.push(relation.mixin);\n }\n \n // map field to form-field behavior\n if (NutOptions.field) {\n options.behaviors.push('wx://form-field');\n }\n\n // add default options\n options.options = {\n multipleSlots: true,\n addGlobalClass: true,\n };\n\n console.log(options)\n\n Component(options);\n}\n\n\nmodule.exports = { NutComponent };\n","export const basic = Behavior({\n methods: {\n $emit(\n name: string,\n detail?: Record<string, unknown>,\n options?: WechatMiniprogram.Component.TriggerEventOption\n ) {\n this.triggerEvent(name, detail, options);\n },\n \n set(data: Record<string, unknown>) {\n this.setData(data);\n \n return new Promise((resolve) => wx.nextTick(resolve));\n },\n },\n });\n ","import { NutComponent } from './../../common/component.ts'\r\nimport { requestAnimationFrame, isObj } from './../../utils'\r\n\r\nNutComponent({\r\n\r\n classes: [\r\n 'enter-class',\r\n 'enter-active-class',\r\n 'enter-to-class',\r\n 'leave-class',\r\n 'leave-active-class',\r\n 'leave-to-class',\r\n ],\r\n\r\n props: {\r\n show: {\r\n type: Boolean,\r\n value: false,\r\n observer: 'observeShow',\r\n },\r\n // 动画类型 fade fade-up\r\n name: {\r\n type: String,\r\n value: 'fade'\r\n },\r\n duration: {\r\n type: null,\r\n value: 300\r\n },\r\n customStyle: String,\r\n },\r\n\r\n data:{\r\n classes:[],\r\n inited: false,\r\n display: false,\r\n currentDurtion: 300\r\n },\r\n\r\n ready() {\r\n if (this.data.show === true) {\r\n this.observeShow(true, false);\r\n }\r\n },\r\n\r\n methods: {\r\n // 监听 show \r\n observeShow(value: boolean, old: boolean) {\r\n if (value === old) {\r\n return;\r\n }\r\n value ? this.enter() : this.leave();\r\n },\r\n\r\n // 进入\r\n enter(){\r\n const { name, duration } = this.data\r\n const currentDuration = isObj(duration) ? duration.enter : duration;\r\n\r\n this.$emit('before-enter')\r\n requestAnimationFrame(()=>{\r\n\r\n this.setData({\r\n inited: true,\r\n display: true,\r\n classes: [`nut-${name}-enter`,`nut-${name}-enter-active`, 'enter-class', 'enter-active-class',],\r\n currentDuration\r\n });\r\n\r\n\r\n requestAnimationFrame(() => {\r\n this.setData({\r\n classes: [`nut-${name}-enter-active`,`nut-${name}-enter-to`,'enter-active-class','enter-to-class'],\r\n });\r\n });\r\n\r\n })\r\n \r\n \r\n },\r\n\r\n // 离开\r\n leave(){\r\n\r\n const { name ,duration } = this.data\r\n const currentDuration = isObj(duration) ? duration.leave : duration;\r\n \r\n requestAnimationFrame(()=>{\r\n this.setData({\r\n classes: [`nut-${name}-leave`,`nut-${name}-leave-active`,'leave-class', 'leave-active-class',],\r\n currentDuration\r\n });\r\n\r\n requestAnimationFrame(()=>{\r\n\r\n setTimeout(()=>{\r\n this.onTransitionEnd()\r\n }, currentDuration)\r\n\r\n this.setData({\r\n classes: [`nut-${name}-leave-to`,`nut-${name}-leave-active`,'leave-active-class','leave-to-class'],\r\n });\r\n })\r\n })\r\n },\r\n // 动画结束\r\n onTransitionEnd(){\r\n\r\n const { show, display } = this.data\r\n\r\n if(!show && display){\r\n this.setData({\r\n display:false\r\n })\r\n }\r\n }\r\n },\r\n});\r\n","\n\nexport function getSystemInfoSync() {\n let systemInfo = null\n if (systemInfo == null) {\n systemInfo = wx.getSystemInfoSync();\n }\n\n return systemInfo;\n}\n\n// 模拟 浏览器 requestAnimationFrame\nexport function requestAnimationFrame(cb) {\n const systemInfo = getSystemInfoSync();\n \n if (systemInfo.platform === 'devtools') {\n return setTimeout(() => {\n cb();\n }, 1000 / 30);\n }\n \n return wx\n .createSelectorQuery()\n .selectViewport()\n .boundingClientRect()\n .exec(() => {\n cb();\n });\n }\n\n\nexport function isObj(x) {\n const type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\n"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/component.ts","webpack:///./src/mixins/basic.ts","webpack:///./src/packages/transition/index.ts","webpack:///./src/utils.js"],"names":["getSystemInfoSync","requestAnimationFrame","isObj","systemInfo","wx","cb","platform","setTimeout","createSelectorQuery","selectViewport","boundingClientRect","exec","x","type"],"mappings":"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","file":"packages/transition/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 12);\n","import { basic } from '../mixins/basic.ts';\nimport { NutComponentOptions } from '../definitions/index.ts';\n\nfunction mapKeys(\n source: Record<string, any>,\n target: Record<string, any>,\n map: Record<string, any>\n) {\n Object.keys(map).forEach((key) => {\n if (source[key]) {\n target[map[key]] = source[key];\n }\n });\n}\n\nfunction NutComponent<\n Data extends WechatMiniprogram.Component.DataOption,\n Props extends WechatMiniprogram.Component.PropertyOption,\n Methods extends WechatMiniprogram.Component.MethodOption\n>(NutOptions: NutComponentOptions<Data, Props, Methods>): void {\n const options: WechatMiniprogram.Component.Options<Data, Props, Methods> = {};\n\n mapKeys(NutOptions, options, {\n data: 'data',\n props: 'properties',\n mixins: 'behaviors',\n methods: 'methods',\n beforeCreate: 'created',\n created: 'attached',\n mounted: 'ready',\n destroyed: 'detached',\n classes: 'externalClasses',\n observers: 'observers'\n });\n\n // add default externalClasses\n options.externalClasses = options.externalClasses || [];\n options.externalClasses.push('custom-class');\n\n // add default behaviors\n options.behaviors = options.behaviors || [];\n options.behaviors.push(basic);\n\n // add relations\n const { relation } = NutOptions;\n if (relation) {\n options.relations = relation.relations;\n options.behaviors.push(relation.mixin);\n }\n \n // map field to form-field behavior\n if (NutOptions.field) {\n options.behaviors.push('wx://form-field');\n }\n\n // add default options\n options.options = {\n multipleSlots: true,\n addGlobalClass: true,\n };\n\n console.log(options)\n\n Component(options);\n}\n\n\nmodule.exports = { NutComponent };\n","export const basic = Behavior({\n methods: {\n $emit(\n name: string,\n detail?: Record<string, unknown>,\n options?: WechatMiniprogram.Component.TriggerEventOption\n ) {\n this.triggerEvent(name, detail, options);\n },\n \n set(data: Record<string, unknown>) {\n this.setData(data);\n \n return new Promise((resolve) => wx.nextTick(resolve));\n },\n },\n });\n ","import { NutComponent } from './../../common/component.ts'\r\nimport { requestAnimationFrame, isObj } from './../../utils'\r\n\r\nNutComponent({\r\n\r\n classes: [\r\n 'enter-class',\r\n 'enter-active-class',\r\n 'enter-to-class',\r\n 'leave-class',\r\n 'leave-active-class',\r\n 'leave-to-class',\r\n ],\r\n\r\n props: {\r\n show: {\r\n type: Boolean,\r\n value: false,\r\n observer: 'observeShow',\r\n },\r\n // 动画类型 fade fade-up\r\n name: {\r\n type: String,\r\n value: 'fade'\r\n },\r\n duration: {\r\n type: null,\r\n value: 300\r\n },\r\n customStyle: String,\r\n },\r\n\r\n data:{\r\n classes:[],\r\n inited: false,\r\n display: false,\r\n currentDurtion: 300\r\n },\r\n\r\n ready() {\r\n if (this.data.show === true) {\r\n this.observeShow(true, false);\r\n }\r\n },\r\n\r\n methods: {\r\n // 监听 show \r\n observeShow(value: boolean, old: boolean) {\r\n if (value === old) {\r\n return;\r\n }\r\n value ? this.enter() : this.leave();\r\n },\r\n\r\n // 进入\r\n enter(){\r\n const { name, duration } = this.data\r\n const currentDuration = isObj(duration) ? duration.enter : duration;\r\n\r\n this.$emit('before-enter')\r\n requestAnimationFrame(()=>{\r\n\r\n this.setData({\r\n inited: true,\r\n display: true,\r\n classes: [`nut-${name}-enter`,`nut-${name}-enter-active`, 'enter-class', 'enter-active-class',],\r\n currentDuration\r\n });\r\n\r\n\r\n requestAnimationFrame(() => {\r\n this.setData({\r\n classes: [`nut-${name}-enter-active`,`nut-${name}-enter-to`,'enter-active-class','enter-to-class'],\r\n });\r\n });\r\n\r\n })\r\n \r\n \r\n },\r\n\r\n // 离开\r\n leave(){\r\n\r\n const { name ,duration } = this.data\r\n const currentDuration = isObj(duration) ? duration.leave : duration;\r\n \r\n requestAnimationFrame(()=>{\r\n this.setData({\r\n classes: [`nut-${name}-leave`,`nut-${name}-leave-active`,'leave-class', 'leave-active-class',],\r\n currentDuration\r\n });\r\n\r\n requestAnimationFrame(()=>{\r\n\r\n setTimeout(()=>{\r\n this.onTransitionEnd()\r\n }, currentDuration)\r\n\r\n this.setData({\r\n classes: [`nut-${name}-leave-to`,`nut-${name}-leave-active`,'leave-active-class','leave-to-class'],\r\n });\r\n })\r\n })\r\n },\r\n // 动画结束\r\n onTransitionEnd(){\r\n\r\n const { show, display } = this.data\r\n\r\n if(!show && display){\r\n this.setData({\r\n display:false\r\n })\r\n }\r\n }\r\n },\r\n});\r\n","\n\nexport function getSystemInfoSync() {\n let systemInfo = null\n if (systemInfo == null) {\n systemInfo = wx.getSystemInfoSync();\n }\n\n return systemInfo;\n}\n\n// 模拟 浏览器 requestAnimationFrame\nexport function requestAnimationFrame(cb) {\n const systemInfo = getSystemInfoSync();\n \n if (systemInfo.platform === 'devtools') {\n return setTimeout(() => {\n cb();\n }, 1000 / 30);\n }\n \n return wx\n .createSelectorQuery()\n .selectViewport()\n .boundingClientRect()\n .exec(() => {\n cb();\n });\n }\n\n\nexport function isObj(x) {\n const type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\n"],"sourceRoot":""}
\ No newline at end of file
miniprogram_dev/components/packages/transition/index.wxml
浏览文件 @ f718cd60
<wxs src="./index.wxs" module="computed" />
<view
wx:if='{{ inited }}'
class="nut-transition block {{ classes }}"
class="nut-transition custom-class {{ classes }}"
style="{{ computed.styled({ currentDuration, display, customStyle }) }}">
<slot />
</view>
\ No newline at end of file
miniprogram_dev/package.json
浏览文件 @ f718cd60
......@@ -3,4 +3,4 @@
"gulp-replace": "^1.1.3",
"miniprogram-computed": "^4.3.8"
}
}
\ No newline at end of file
}
miniprogram_dev/pages/basic/pages/overlay/index.js
浏览文件 @ f718cd60
Component({
data:{
show:false,
contentShow: false,
styleShow:false,
timeShow:false
},
methods: {
onClickShow() {
this.trigger(true);
},
onClickHide(){
this.trigger(false);
},
onClickContentShow(){
this.setData({ contentShow:true });
},
onClickContentHide(){
this.setData({ contentShow:false });
},
onClicStyleShow(){
this.setData({ styleShow:true });
},
onClicStyleHide(){
this.setData({ styleShow:false });
},
onClickTimeShow(){
this.setData({ timeShow:true });
},
onClickTimeHide(){
this.setData({ timeShow:false });
},
trigger(tag){
this.setData({ show:tag });
}
}
})
miniprogram_dev/pages/basic/pages/overlay/index.wxml
浏览文件 @ f718cd60
<view class="demo">
<h2>基础用法</h2>
<nut-cell>
<nut-button type="primary" >显示遮罩层</nut-button>
<nut-overlay></nut-overlay>
<nut-button type="primary" bindtap='onClickShow' >显示遮罩层</nut-button>
</nut-cell>
<nut-overlay show='{{ show }}' bind:click="onClickHide"></nut-overlay>
<h2>遮罩样式</h2>
<nut-cell>
<nut-button type="primary" bindtap='onClicStyleShow' >遮罩样式</nut-button>
</nut-cell>
<nut-overlay show='{{ styleShow }}' bind:click="onClicStyleHide" overlay-style="background: rgba(0, 0, 0, .2)"></nut-overlay>
<h2>设置动画时间</h2>
<nut-cell>
<nut-button type="primary" bindtap='onClickTimeShow' >设置动画时间</nut-button>
</nut-cell>
<nut-overlay show='{{ timeShow }}' bind:click="onClickTimeHide" duration='1000'></nut-overlay>
<h2>嵌套内容</h2>
<nut-cell>
<nut-button type="primary" bindtap='onClickContentShow' >嵌入内容</nut-button>
</nut-cell>
<nut-overlay show='{{ contentShow }}' bind:click="onClickContentHide" custom-class='deno'>
<view class='block'></view>
</nut-overlay>
</view>
miniprogram_dev/pages/basic/pages/overlay/index.wxss
浏览文件 @ f718cd60
......@@ -14,3 +14,14 @@
margin-right: 15px;
}
.block {
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background-color: #1989fa;
}
\ No newline at end of file
miniprogram_dev/pages/basic/pages/transition/index.wxml
浏览文件 @ f718cd60
......@@ -13,7 +13,7 @@
<nut-cell title="Custom" bindtap="onClickCustom"></nut-cell>
<nut-transition show='{{ amishow }}' name="{{ name }}"></nut-transition>
<nut-transition show='{{ amishow }}' name="{{ name }}" custom-class="block"></nut-transition>
<nut-transition
show="{{ showCustom }}"
......
src/packages/button/index.ts
浏览文件 @ f718cd60
......@@ -47,8 +47,8 @@ NutComponent({
methods: {
handleClick() {
if (!this.props.loading && !this.props.disabled) {
this.$emit('click', event);
if (!this.data.loading && !this.data.disabled) {
this.$emit('click');
}
},
},
......
src/packages/overlay/index.json
浏览文件 @ f718cd60
{
"component": true,
"usingComponents": {}
"usingComponents": {
"nut-transition": "../transition/index"
}
}
\ No newline at end of file
src/packages/overlay/index.ts
浏览文件 @ f718cd60
......@@ -4,32 +4,22 @@ NutComponent({
props: {
show: {
type: Boolean,
default: false
value: false
},
zIndex: {
type: [Number, String],
default: 2000
value: 2000
},
duration: {
type: [Number, String],
default: 0.3
value: 300
},
overlayClass: {
type: String,
default: ''
},
lockScroll: {
type: Boolean,
default: false
},
overlayStyle: Object,
closeOnClickOverlay: {
type: Boolean,
default: true
}
overlayStyle: String,
},
methods: {
onClick(){
this.$emit('click');
}
},
});
src/packages/overlay/index.wxml
浏览文件 @ f718cd60
<!-- <wxs src="./index.wxs" module="computed" /> -->
<!-- <Transition name="overlay-fade"> -->
<!-- <view :class="classes" @touchmove.stop="touchmove" @click="onClick" :style="style" v-show="visible">
<slot></slot>
</view> -->
<!-- </Transition> -->
<view ></view>
\ No newline at end of file
<nut-transition
name="fade"
show='{{ show }}'
custom-class="nut-overlay custom-class"
custom-style='z-index:{{zIndex}};{{overlayStyle}}'
bind:tap='onClick'
duration='{{duration}}'>
<slot></slot>
</nut-transition>
\ No newline at end of file
src/packages/transition/index.wxml
浏览文件 @ f718cd60
<wxs src="./index.wxs" module="computed" />
<view
wx:if='{{ inited }}'
class="nut-transition block {{ classes }}"
class="nut-transition custom-class {{ classes }}"
style="{{ computed.styled({ currentDuration, display, customStyle }) }}">
<slot />
</view>
\ No newline at end of file
tools/demo/pages/basic/pages/overlay/index.js
浏览文件 @ f718cd60
Component({
data:{
show:false,
contentShow: false,
styleShow:false,
timeShow:false
},
methods: {
onClickShow() {
this.trigger(true);
},
onClickHide(){
this.trigger(false);
},
onClickContentShow(){
this.setData({ contentShow:true });
},
onClickContentHide(){
this.setData({ contentShow:false });
},
onClicStyleShow(){
this.setData({ styleShow:true });
},
onClicStyleHide(){
this.setData({ styleShow:false });
},
onClickTimeShow(){
this.setData({ timeShow:true });
},
onClickTimeHide(){
this.setData({ timeShow:false });
},
trigger(tag){
this.setData({ show:tag });
}
}
})
tools/demo/pages/basic/pages/overlay/index.wxml
浏览文件 @ f718cd60
<view class="demo">
<h2>基础用法</h2>
<nut-cell>
<nut-button type="primary" >显示遮罩层</nut-button>
<nut-overlay></nut-overlay>
<nut-button type="primary" bindtap='onClickShow' >显示遮罩层</nut-button>
</nut-cell>
<nut-overlay show='{{ show }}' bind:click="onClickHide"></nut-overlay>
<h2>遮罩样式</h2>
<nut-cell>
<nut-button type="primary" bindtap='onClicStyleShow' >遮罩样式</nut-button>
</nut-cell>
<nut-overlay show='{{ styleShow }}' bind:click="onClicStyleHide" overlay-style="background: rgba(0, 0, 0, .2)"></nut-overlay>
<h2>设置动画时间</h2>
<nut-cell>
<nut-button type="primary" bindtap='onClickTimeShow' >设置动画时间</nut-button>
</nut-cell>
<nut-overlay show='{{ timeShow }}' bind:click="onClickTimeHide" duration='1000'></nut-overlay>
<h2>嵌套内容</h2>
<nut-cell>
<nut-button type="primary" bindtap='onClickContentShow' >嵌入内容</nut-button>
</nut-cell>
<nut-overlay show='{{ contentShow }}' bind:click="onClickContentHide" custom-class='deno'>
<view class='block'></view>
</nut-overlay>
</view>
tools/demo/pages/basic/pages/overlay/index.wxss
浏览文件 @ f718cd60
......@@ -14,3 +14,14 @@
margin-right: 15px;
}
.block {
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background-color: #1989fa;
}
\ No newline at end of file
tools/demo/pages/basic/pages/transition/index.wxml
浏览文件 @ f718cd60
......@@ -13,7 +13,7 @@
<nut-cell title="Custom" bindtap="onClickCustom"></nut-cell>
<nut-transition show='{{ amishow }}' name="{{ name }}"></nut-transition>
<nut-transition show='{{ amishow }}' name="{{ name }}" custom-class="block"></nut-transition>
<nut-transition
show="{{ showCustom }}"
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或