vue-devui 1.0.0-beta.15 → 1.0.0-beta.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +187 -192
- package/accordion/index.es.js +8 -8
- package/accordion/index.umd.js +1 -1
- package/accordion/style.css +1 -1
- package/alert/index.es.js +0 -3
- package/alert/index.umd.js +1 -1
- package/alert/style.css +1 -1
- package/auto-complete/index.es.js +2 -2
- package/back-top/index.es.js +1 -1
- package/back-top/index.umd.js +1 -1
- package/button/index.es.js +57 -83
- package/button/index.umd.js +1 -1
- package/button/style.css +1 -1
- package/cascader/index.es.js +5392 -772
- package/cascader/index.umd.js +27 -1
- package/checkbox/style.css +1 -1
- package/color-picker/index.es.js +5419 -191
- package/color-picker/index.umd.js +27 -1
- package/color-picker/style.css +1 -1
- package/countdown/index.es.js +7 -7
- package/date-picker/index.es.js +4 -5
- package/date-picker/index.umd.js +1 -1
- package/date-picker/style.css +1 -1
- package/drawer/index.es.js +5460 -46
- package/drawer/index.umd.js +27 -1
- package/drawer/style.css +1 -1
- package/editable-select/index.es.js +293 -5727
- package/editable-select/index.umd.js +1 -27
- package/editable-select/style.css +1 -1
- package/form/index.es.js +5432 -245
- package/form/index.umd.js +27 -1
- package/gantt/index.es.js +3 -15
- package/gantt/index.umd.js +1 -1
- package/gantt/style.css +1 -1
- package/grid/index.es.js +1 -1
- package/grid/style.css +1 -1
- package/input/index.es.js +4 -5
- package/input/index.umd.js +1 -1
- package/input/style.css +1 -1
- package/input-icon/index.es.js +4 -5
- package/input-icon/index.umd.js +1 -1
- package/input-icon/style.css +1 -1
- package/loading/index.es.js +2 -2
- package/modal/index.es.js +56 -82
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/nav-sprite/index.es.js +1 -675
- package/nav-sprite/index.umd.js +1 -1
- package/package.json +87 -88
- package/pagination/index.es.js +1 -1
- package/pagination/style.css +1 -1
- package/panel/index.es.js +3 -3
- package/panel/index.umd.js +1 -1
- package/popover/index.es.js +1 -1
- package/quadrant-diagram/index.es.js +5405 -166
- package/quadrant-diagram/index.umd.js +27 -1
- package/radio/style.css +1 -1
- package/read-tip/style.css +1 -1
- package/ripple/index.es.js +1 -1
- package/search/index.es.js +5410 -172
- package/search/index.umd.js +27 -1
- package/search/style.css +1 -1
- package/select/index.es.js +1 -1
- package/select/style.css +1 -1
- package/splitter/index.es.js +2 -2
- package/splitter/index.umd.js +1 -1
- package/statistic/index.es.js +16 -29
- package/statistic/index.umd.js +1 -1
- package/statistic/style.css +1 -1
- package/status/style.css +1 -1
- package/sticky/index.umd.js +1 -1
- package/style.css +1 -1
- package/table/index.es.js +92 -61
- package/table/index.umd.js +1 -1
- package/table/style.css +1 -1
- package/tabs/style.css +1 -1
- package/textarea/style.css +1 -1
- package/{theme → theme/theme.scss} +0 -0
- package/time-picker/index.es.js +56 -82
- package/time-picker/index.umd.js +1 -1
- package/time-picker/style.css +1 -1
- package/toast/index.es.js +5373 -1518
- package/toast/index.umd.js +27 -1
- package/toast/style.css +1 -1
- package/tooltip/index.es.js +1 -1
- package/tooltip/index.umd.js +1 -1
- package/transfer/index.es.js +5466 -249
- package/transfer/index.umd.js +27 -1
- package/transfer/style.css +1 -1
- package/tree/index.es.js +5774 -192
- package/tree/index.umd.js +27 -1
- package/tree/style.css +1 -1
- package/tree-select/index.es.js +5 -5
- package/tree-select/index.umd.js +1 -1
- package/tree-select/style.css +1 -1
- package/upload/index.es.js +5373 -1518
- package/upload/index.umd.js +27 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +7928 -10069
- package/vue-devui.umd.js +16 -16
package/package.json
CHANGED
|
@@ -1,88 +1,87 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "vue-devui",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
4
|
-
"license": "MIT",
|
|
5
|
-
"description": "DevUI components based on Vite and Vue3",
|
|
6
|
-
"keywords": [
|
|
7
|
-
"frontend",
|
|
8
|
-
"typescript",
|
|
9
|
-
"ui-component",
|
|
10
|
-
"components",
|
|
11
|
-
"vue-components",
|
|
12
|
-
"vue",
|
|
13
|
-
"vue3",
|
|
14
|
-
"vite",
|
|
15
|
-
"jsx",
|
|
16
|
-
"devui"
|
|
17
|
-
],
|
|
18
|
-
"main": "vue-devui.umd.js",
|
|
19
|
-
"module": "vue-devui.es.js",
|
|
20
|
-
"style": "style.css",
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
"build": "
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"@babel/
|
|
52
|
-
"@
|
|
53
|
-
"@
|
|
54
|
-
"@
|
|
55
|
-
"@
|
|
56
|
-
"@
|
|
57
|
-
"@types/
|
|
58
|
-
"@types/
|
|
59
|
-
"@types/
|
|
60
|
-
"@
|
|
61
|
-
"@typescript-eslint/
|
|
62
|
-
"@
|
|
63
|
-
"@vitejs/plugin-vue": "^1.
|
|
64
|
-
"@
|
|
65
|
-
"@vue/
|
|
66
|
-
"@vue/
|
|
67
|
-
"@
|
|
68
|
-
"@vuedx/
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"inquirer": "^8.1.2",
|
|
74
|
-
"jest": "^27.0.4",
|
|
75
|
-
"ora": "^5.4.1",
|
|
76
|
-
"patch-vue-directive-ssr": "^0.0.1",
|
|
77
|
-
"sass": "^1.32.2",
|
|
78
|
-
"shelljs": "^0.8.4",
|
|
79
|
-
"typescript": "^4.3.2",
|
|
80
|
-
"vite": "^2.4.4",
|
|
81
|
-
"vite-plugin-md": "^0.6.0",
|
|
82
|
-
"vite-svg-loader": "^2.2.0",
|
|
83
|
-
"vitepress": "0.20.1",
|
|
84
|
-
"vitepress-theme-demoblock": "1.3.2",
|
|
85
|
-
"vue-tsc": "^0.2.2"
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "vue-devui",
|
|
3
|
+
"version": "1.0.0-beta.18",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"description": "DevUI components based on Vite and Vue3",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"frontend",
|
|
8
|
+
"typescript",
|
|
9
|
+
"ui-component",
|
|
10
|
+
"components",
|
|
11
|
+
"vue-components",
|
|
12
|
+
"vue",
|
|
13
|
+
"vue3",
|
|
14
|
+
"vite",
|
|
15
|
+
"jsx",
|
|
16
|
+
"devui"
|
|
17
|
+
],
|
|
18
|
+
"main": "vue-devui.umd.js",
|
|
19
|
+
"module": "vue-devui.es.js",
|
|
20
|
+
"style": "style.css",
|
|
21
|
+
"scripts": {
|
|
22
|
+
"dev": "pnpm generate:theme && vitepress dev docs",
|
|
23
|
+
"build": "pnpm generate:theme && node --max-old-space-size=4096 node_modules/vitepress/bin/vitepress.js build docs && cp public/* docs/.vitepress/dist/assets",
|
|
24
|
+
"build:lib": "pnpm predev && pnpm build:components && pnpm copy",
|
|
25
|
+
"test": "jest --config jest.config.js",
|
|
26
|
+
"build:components": "node ./devui-cli/index.js build",
|
|
27
|
+
"generate:theme": "node ./devui-cli/index.js generate:theme",
|
|
28
|
+
"generate:dts": "node ./devui-cli/index.js generate:dts",
|
|
29
|
+
"copy": "cp package.json build && cp ../../README.md build && cd build && mkdir theme && cd ../ && cp devui/theme/theme.scss build/theme",
|
|
30
|
+
"cli:create": "node ./devui-cli/index.js create -t component",
|
|
31
|
+
"predev": "node ./devui-cli/index.js create -t vue-devui --ignore-parse-error",
|
|
32
|
+
"prebuild": "node ./devui-cli/index.js create -t vue-devui --ignore-parse-error",
|
|
33
|
+
"cli": "devui"
|
|
34
|
+
},
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"@devui-design/icons": "^1.3.0",
|
|
37
|
+
"@types/lodash-es": "^4.17.4",
|
|
38
|
+
"async-validator": "^4.0.2",
|
|
39
|
+
"devui-theme": "workspace:^0.0.1",
|
|
40
|
+
"fs-extra": "^10.0.0",
|
|
41
|
+
"lodash": "^4.17.21",
|
|
42
|
+
"lodash-es": "^4.17.20",
|
|
43
|
+
"mitt": "^3.0.0",
|
|
44
|
+
"vue": "^3.1.1",
|
|
45
|
+
"vue-router": "^4.0.3"
|
|
46
|
+
},
|
|
47
|
+
"devDependencies": {
|
|
48
|
+
"@babel/parser": "^7.15.5",
|
|
49
|
+
"@babel/preset-env": "^7.14.5",
|
|
50
|
+
"@babel/preset-typescript": "^7.14.5",
|
|
51
|
+
"@babel/traverse": "^7.15.4",
|
|
52
|
+
"@commitlint/cli": "^11.0.0",
|
|
53
|
+
"@commitlint/config-conventional": "^11.0.0",
|
|
54
|
+
"@docsearch/css": "^3.0.0-alpha.50",
|
|
55
|
+
"@docsearch/js": "^3.0.0-alpha.50",
|
|
56
|
+
"@types/chalk": "^2.2.0",
|
|
57
|
+
"@types/commander": "^2.12.2",
|
|
58
|
+
"@types/jest": "^26.0.23",
|
|
59
|
+
"@types/ora": "^3.2.0",
|
|
60
|
+
"@typescript-eslint/eslint-plugin": "^4.27.0",
|
|
61
|
+
"@typescript-eslint/parser": "^4.27.0",
|
|
62
|
+
"@vitejs/plugin-vue": "^1.3.0",
|
|
63
|
+
"@vitejs/plugin-vue-jsx": "^1.1.0",
|
|
64
|
+
"@vue/babel-plugin-jsx": "^1.0.6",
|
|
65
|
+
"@vue/compiler-sfc": "^3.0.5",
|
|
66
|
+
"@vue/test-utils": "^2.0.0-rc.9",
|
|
67
|
+
"@vuedx/typecheck": "^0.4.1",
|
|
68
|
+
"@vuedx/typescript-plugin-vue": "^0.4.1",
|
|
69
|
+
"babel-jest": "^27.0.2",
|
|
70
|
+
"chalk": "^4.1.2",
|
|
71
|
+
"commander": "^8.1.0",
|
|
72
|
+
"devui-cli": "workspace:^0.0.2",
|
|
73
|
+
"inquirer": "^8.1.2",
|
|
74
|
+
"jest": "^27.0.4",
|
|
75
|
+
"ora": "^5.4.1",
|
|
76
|
+
"patch-vue-directive-ssr": "^0.0.1",
|
|
77
|
+
"sass": "^1.32.2",
|
|
78
|
+
"shelljs": "^0.8.4",
|
|
79
|
+
"typescript": "^4.3.2",
|
|
80
|
+
"vite": "^2.4.4",
|
|
81
|
+
"vite-plugin-md": "^0.6.0",
|
|
82
|
+
"vite-svg-loader": "^2.2.0",
|
|
83
|
+
"vitepress": "0.20.1",
|
|
84
|
+
"vitepress-theme-demoblock": "1.3.2",
|
|
85
|
+
"vue-tsc": "^0.2.2"
|
|
86
|
+
}
|
|
87
|
+
}
|
package/pagination/index.es.js
CHANGED
|
@@ -148,7 +148,7 @@ function off(element, eventName, handler) {
|
|
|
148
148
|
}
|
|
149
149
|
const inBrowser = typeof window !== "undefined";
|
|
150
150
|
const ctx = Symbol("@@clickoutside");
|
|
151
|
-
const nodeList = new Map();
|
|
151
|
+
const nodeList = /* @__PURE__ */ new Map();
|
|
152
152
|
let startClick;
|
|
153
153
|
let nid = 0;
|
|
154
154
|
let isFirst = true;
|
package/pagination/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-page-size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-page-size.devui-page-size-sm{max-width:80px}.devui-pagination .devui-page-size.devui-page-size-sm .devui-select-input{height:24px}.devui-pagination .devui-page-size.devui-page-size-lg{max-width:100px}.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-input
|
|
1
|
+
@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-page-size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-page-size.devui-page-size-sm{max-width:80px}.devui-pagination .devui-page-size.devui-page-size-sm .devui-select-input{height:24px}.devui-pagination .devui-page-size.devui-page-size-lg{max-width:100px}.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-input,.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-item{height:46px}.devui-pagination .devui-select-input{height:26px}.devui-pagination .devui-total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list,.devui-pagination .devui-pagination-item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination-list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination-list li.devui-pagination-item{cursor:pointer}.devui-pagination .devui-pagination-list li.devui-pagination-item.active a.devui-pagination-link{text-decoration:none;background-color:var(--devui-list-item-active-bg, #5e7ce0);color:var(--devui-list-item-active-text, #ffffff)}.devui-pagination .devui-pagination-list li.devui-pagination-item.disabled a.devui-pagination-link{cursor:not-allowed;opacity:.5;background-color:#fff;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link{margin-left:5px;padding:3px 7px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);color:var(--devui-text-weak, #575d6c);display:flex;align-items:center;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link:hover{text-decoration:none;background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-pagination-sm>li.devui-pagination-item>a.devui-pagination-link{padding:0 5px;min-width:18px;height:22px;line-height:1.5;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination-lg>li.devui-pagination-item>a.devui-pagination-link{padding:0 12px;height:38px;font-size:var(--devui-font-size-lg, 14px);line-height:1.5}.devui-pagination .devui-jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-jump-container .devui-pagination-input{display:inline-block;width:42px;vertical-align:middle;margin:0 3px}.devui-pagination .devui-jump-container .devui-pagination-input-lg{width:56px}.devui-pagination .devui-jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #adb0b8);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-jump-button .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-button:hover .devui-pagination-go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-size-default{width:28px;height:28px}.devui-pagination .devui-jump-size-default .devui-pagination-go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #252b3a);border-bottom:8px solid transparent}.devui-pagination .devui-jump-size-sm{width:24px;height:24px}.devui-pagination .devui-jump-size-sm .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-size-sm .devui-pagination-link{height:30px;line-height:32px}.devui-pagination .devui-jump-size-lg{width:46px;height:46px}.devui-pagination .devui-jump-size-lg .devui-pagination-go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #252b3a);border-bottom:14px solid transparent}.devui-pagination .devui-pagination-config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-config-container{padding:4px 0;box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .pagination-config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #adb0b8)}.devui-pagination .pagination-config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #adb0b8);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-page-number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-page-number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #adb0b8);border-bottom:1px solid var(--devui-line, #adb0b8);border-right:1px solid var(--devui-line, #adb0b8);text-align:center;height:26px;width:26px}.devui-pagination .devui-page-number div:first-child{border-left:1px solid var(--devui-line, #adb0b8)}.devui-pagination .devui-page-number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-page-number div.choosed{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f8f8f8);cursor:pointer}
|
package/panel/index.es.js
CHANGED
|
@@ -75,7 +75,7 @@ var PanelHeader = defineComponent({
|
|
|
75
75
|
const keys = Object.keys(Store.state());
|
|
76
76
|
const key = keys.pop();
|
|
77
77
|
const isCollapsed = ref(Store.state()[key]);
|
|
78
|
-
|
|
78
|
+
const changeFlag = ref();
|
|
79
79
|
let header = null;
|
|
80
80
|
const canToggle = () => {
|
|
81
81
|
let changeResult = Promise.resolve(true);
|
|
@@ -130,8 +130,8 @@ var PanelBody = defineComponent({
|
|
|
130
130
|
name: "DPanelBody",
|
|
131
131
|
props: PanelProps,
|
|
132
132
|
setup(props, ctx) {
|
|
133
|
-
|
|
134
|
-
|
|
133
|
+
const animationName = inject("showAnimation");
|
|
134
|
+
const hasLeftPadding = inject("hasLeftPadding");
|
|
135
135
|
const keys = Object.keys(Store.state());
|
|
136
136
|
const key = keys.pop();
|
|
137
137
|
const isCollapsed = Store.state();
|
package/panel/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";var $="";const h={type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:!1},beforeToggle:{type:Function,default:null},toggle:{type:Function,default:null},showAnimation:{type:Boolean,default:!0},hasLeftPadding:{type:Boolean,default:!0}},p=e.reactive({});class f{static getByKey(
|
|
1
|
+
(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";var $="";const h={type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:!1},beforeToggle:{type:Function,default:null},toggle:{type:Function,default:null},showAnimation:{type:Boolean,default:!0},hasLeftPadding:{type:Boolean,default:!0}},p=e.reactive({});class f{static getByKey(l){return p[l]}static state(){return p}static setData(l,u){p[l]=e.ref(u)}}var y=e.defineComponent({name:"DPanel",props:h,setup(t,l){e.provide("beforeToggle",t.beforeToggle),e.provide("showAnimation",e.computed(()=>t.showAnimation)),e.provide("hasLeftPadding",e.computed(()=>t.hasLeftPadding));const u=e.ref(t.isCollapsed),r=e.computed(()=>t.type),c=e.computed(()=>t.cssClass),o=()=>{var s;(s=t.toggle)==null||s.call(t,f.getByKey(`isCollapsed[${i}]`))},i=new Date().getTime().toString();return f.setData(`isCollapsed[${i}]`,u.value),()=>{var s,g;return e.createVNode("div",{onClick:o,class:`devui-panel devui-panel-${r.value} ${c.value}`},[(g=(s=l.slots).default)==null?void 0:g.call(s)])}}}),P=e.defineComponent({name:"DPanelHeader",props:h,setup(t,l){const u=e.inject("beforeToggle"),c=Object.keys(f.state()).pop(),o=e.ref(f.state()[c]),i=e.ref();let s=null;const g=()=>{let n=Promise.resolve(!0);if(u){const a=u(o);typeof a!==void 0&&(a instanceof Promise?n=a:n=Promise.resolve(a))}return n};g().then(n=>i.value=n);const v=()=>{g().then(n=>{var a,m;if(i.value=n,!n){o.value||(f.setData(`${c}`,!o.value),o.value=!o.value,(a=t.toggle)==null||a.call(t,o.value));return}o.value!==void 0&&(f.setData(`${c}`,!o.value),o.value=!o.value,(m=t.toggle)==null||m.call(t,o.value))})};return()=>{var n,a;return l.slots.default&&(s=e.createVNode("div",{class:"devui-panel-heading",onClick:v,style:{cursor:i.value?"pointer":"auto"}},[(a=(n=l.slots).default)==null?void 0:a.call(n)])),s}}}),C=e.defineComponent({name:"DPanelBody",props:h,setup(t,l){const u=e.inject("showAnimation"),r=e.inject("hasLeftPadding"),o=Object.keys(f.state()).pop(),i=f.state(),s=e.ref();e.onMounted(()=>{if(s.value){const n=s.value;i[o]&&(n.style.height=`${n.offsetHeight}px`)}});const g=n=>{const a=n;a.style.height="";const m=a.offsetHeight;a.style.height="0px",a.offsetHeight,a.style.height=`${m}px`},v=n=>{const a=n;a.style.height="0px"};return()=>e.createVNode("div",{class:`devui-panel devui-panel-${t.type} ${t.cssClass}`},[e.createVNode(e.Transition,{name:u.value?"devui-panel":"",onEnter:g,onLeave:v},{default:()=>{var n,a;return[i[o]===void 0||i[o]?e.createVNode("div",{ref:s,class:`devui-panel-body ${i[o]!==void 0?"devui-panel-body-collapse":""} ${r.value?"":"no-left-padding"}`},[e.createVNode("div",{class:"devui-panel-content"},[(a=(n=l.slots).default)==null?void 0:a.call(n)])]):null]}})])}}),b=e.defineComponent({name:"DPanelFooter",setup(t,l){return()=>{var r,c;return l.slots.default?e.createVNode("div",{class:"devui-panel-footer"},[(c=(r=l.slots).default)==null?void 0:c.call(r)]):null}}});y.install=function(t){t.component(y.name,y),t.component(P.name,P),t.component(C.name,C),t.component(b.name,b)};var T={title:"Panel \u9762\u677F",category:"\u901A\u7528",status:"100%",install(t){t.use(y)}};d.Panel=y,d.default=T,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
|
package/popover/index.es.js
CHANGED