element-ps 1.0.5 → 1.0.9
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/dist/index.full.js +317 -250
- package/dist/index.full.min.js +4 -4
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +4 -4
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +318 -251
- package/es/components/button/index.d.ts +4 -0
- package/es/components/button/src/button.d.ts +1 -0
- package/es/components/button/src/button.vue.d.ts +4 -0
- package/es/index.mjs +6 -6
- package/es/packages/components/alert/index.mjs +2 -2
- package/es/packages/components/alert/src/alert.mjs +34 -5
- package/es/packages/components/alert/src/alert.mjs.map +1 -1
- package/es/packages/components/alert/src/alert.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/alert/src/alert2.mjs +5 -34
- package/es/packages/components/alert/src/alert2.mjs.map +1 -1
- package/es/packages/components/avatar/index.mjs +2 -2
- package/es/packages/components/avatar/src/avatar.mjs +29 -5
- package/es/packages/components/avatar/src/avatar.mjs.map +1 -1
- package/es/packages/components/avatar/src/avatar.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/avatar/src/avatar2.mjs +5 -29
- package/es/packages/components/avatar/src/avatar2.mjs.map +1 -1
- package/es/packages/components/button/index.mjs +1 -1
- package/es/packages/components/button/src/button-group.mjs +5 -7
- package/es/packages/components/button/src/button-group.mjs.map +1 -1
- package/es/packages/components/button/src/button-group.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/button/src/button-group2.mjs +7 -5
- package/es/packages/components/button/src/button-group2.mjs.map +1 -1
- package/es/packages/components/button/src/button.mjs +1 -0
- package/es/packages/components/button/src/button.mjs.map +1 -1
- package/es/packages/components/button/src/button.vue_vue&type=script&lang.mjs +39 -0
- package/es/packages/components/button/src/button.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.mjs +4 -3
- package/es/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.mjs.map +1 -1
- package/es/packages/components/card/index.mjs +2 -2
- package/es/packages/components/card/src/card.mjs +5 -17
- package/es/packages/components/card/src/card.mjs.map +1 -1
- package/es/packages/components/card/src/card.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/card/src/card2.mjs +17 -5
- package/es/packages/components/card/src/card2.mjs.map +1 -1
- package/es/packages/components/cascader-panel/src/config.mjs +1 -1
- package/es/packages/components/cascader-panel/src/index.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/cascader-panel/src/menu.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/cascader-panel/src/node.mjs +5 -72
- package/es/packages/components/cascader-panel/src/node.mjs.map +1 -1
- package/es/packages/components/cascader-panel/src/node2.mjs +72 -5
- package/es/packages/components/cascader-panel/src/node2.mjs.map +1 -1
- package/es/packages/components/cascader-panel/src/store.mjs +1 -1
- package/es/packages/components/dialog/src/dialog.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.mjs +6 -5
- package/es/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.mjs.map +1 -1
- package/es/packages/components/divider/index.mjs +2 -2
- package/es/packages/components/divider/src/divider.mjs +5 -15
- package/es/packages/components/divider/src/divider.mjs.map +1 -1
- package/es/packages/components/divider/src/divider.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/divider/src/divider2.mjs +15 -5
- package/es/packages/components/divider/src/divider2.mjs.map +1 -1
- package/es/packages/components/drawer/src/index.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.mjs +50 -46
- package/es/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.mjs.map +1 -1
- package/es/packages/components/form/src/form-item.vue_vue&type=script&lang.mjs +1 -5
- package/es/packages/components/form/src/form-item.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/form/src/form-item.vue_vue&type=template&id=24eda48b&lang.mjs.map +1 -1
- package/es/packages/components/index.mjs +6 -6
- package/es/packages/components/input/src/input.mjs.map +1 -1
- package/es/packages/components/input/src/input.vue_vue&type=script&lang.mjs.map +1 -1
- package/es/packages/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.mjs.map +1 -1
- package/es/packages/components/link/index.mjs +2 -2
- package/es/packages/components/link/src/link.mjs +20 -5
- package/es/packages/components/link/src/link.mjs.map +1 -1
- package/es/packages/components/link/src/link.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/link/src/link2.mjs +5 -20
- package/es/packages/components/link/src/link2.mjs.map +1 -1
- package/es/packages/components/table/src/table-body/render-helper.mjs +1 -1
- package/es/packages/components/table/src/table-body/render-helper.mjs.map +1 -1
- package/es/packages/components/table/src/table-header/index.mjs +1 -1
- package/es/packages/components/table/src/table-header/index.mjs.map +1 -1
- package/es/packages/components/tabs/src/tabs.mjs +5 -7
- package/es/packages/components/tabs/src/tabs.mjs.map +1 -1
- package/es/packages/components/tag/index.mjs +2 -2
- package/es/packages/components/tag/src/tag.mjs +5 -26
- package/es/packages/components/tag/src/tag.mjs.map +1 -1
- package/es/packages/components/tag/src/tag.vue_vue&type=script&lang.mjs +1 -1
- package/es/packages/components/tag/src/tag2.mjs +26 -5
- package/es/packages/components/tag/src/tag2.mjs.map +1 -1
- package/lib/components/button/index.d.ts +4 -0
- package/lib/components/button/src/button.d.ts +1 -0
- package/lib/components/button/src/button.vue.d.ts +4 -0
- package/lib/index.js +6 -6
- package/lib/packages/components/alert/index.js +2 -2
- package/lib/packages/components/alert/src/alert.js +33 -5
- package/lib/packages/components/alert/src/alert.js.map +1 -1
- package/lib/packages/components/alert/src/alert.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/alert/src/alert2.js +5 -33
- package/lib/packages/components/alert/src/alert2.js.map +1 -1
- package/lib/packages/components/avatar/index.js +2 -2
- package/lib/packages/components/avatar/src/avatar.js +28 -5
- package/lib/packages/components/avatar/src/avatar.js.map +1 -1
- package/lib/packages/components/avatar/src/avatar.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/avatar/src/avatar2.js +5 -28
- package/lib/packages/components/avatar/src/avatar2.js.map +1 -1
- package/lib/packages/components/button/index.js +1 -1
- package/lib/packages/components/button/src/button-group.js +5 -6
- package/lib/packages/components/button/src/button-group.js.map +1 -1
- package/lib/packages/components/button/src/button-group.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/button/src/button-group2.js +6 -5
- package/lib/packages/components/button/src/button-group2.js.map +1 -1
- package/lib/packages/components/button/src/button.js +1 -0
- package/lib/packages/components/button/src/button.js.map +1 -1
- package/lib/packages/components/button/src/button.vue_vue&type=script&lang.js +39 -0
- package/lib/packages/components/button/src/button.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.js +3 -2
- package/lib/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.js.map +1 -1
- package/lib/packages/components/card/index.js +2 -2
- package/lib/packages/components/card/src/card.js +5 -16
- package/lib/packages/components/card/src/card.js.map +1 -1
- package/lib/packages/components/card/src/card.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/card/src/card2.js +16 -5
- package/lib/packages/components/card/src/card2.js.map +1 -1
- package/lib/packages/components/cascader-panel/src/config.js +1 -1
- package/lib/packages/components/cascader-panel/src/index.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/cascader-panel/src/menu.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/cascader-panel/src/node.js +5 -71
- package/lib/packages/components/cascader-panel/src/node.js.map +1 -1
- package/lib/packages/components/cascader-panel/src/node2.js +71 -5
- package/lib/packages/components/cascader-panel/src/node2.js.map +1 -1
- package/lib/packages/components/cascader-panel/src/store.js +1 -1
- package/lib/packages/components/dialog/src/dialog.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.js +6 -5
- package/lib/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.js.map +1 -1
- package/lib/packages/components/divider/index.js +2 -2
- package/lib/packages/components/divider/src/divider.js +5 -14
- package/lib/packages/components/divider/src/divider.js.map +1 -1
- package/lib/packages/components/divider/src/divider.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/divider/src/divider2.js +14 -5
- package/lib/packages/components/divider/src/divider2.js.map +1 -1
- package/lib/packages/components/drawer/src/index.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js +50 -46
- package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js.map +1 -1
- package/lib/packages/components/form/src/form-item.vue_vue&type=script&lang.js +0 -4
- package/lib/packages/components/form/src/form-item.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/form/src/form-item.vue_vue&type=template&id=24eda48b&lang.js.map +1 -1
- package/lib/packages/components/index.js +6 -6
- package/lib/packages/components/input/src/input.js.map +1 -1
- package/lib/packages/components/input/src/input.vue_vue&type=script&lang.js.map +1 -1
- package/lib/packages/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.js.map +1 -1
- package/lib/packages/components/link/index.js +2 -2
- package/lib/packages/components/link/src/link.js +19 -5
- package/lib/packages/components/link/src/link.js.map +1 -1
- package/lib/packages/components/link/src/link.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/link/src/link2.js +5 -19
- package/lib/packages/components/link/src/link2.js.map +1 -1
- package/lib/packages/components/table/src/table-body/render-helper.js +1 -1
- package/lib/packages/components/table/src/table-body/render-helper.js.map +1 -1
- package/lib/packages/components/table/src/table-header/index.js +1 -1
- package/lib/packages/components/table/src/table-header/index.js.map +1 -1
- package/lib/packages/components/tabs/src/tabs.js +4 -6
- package/lib/packages/components/tabs/src/tabs.js.map +1 -1
- package/lib/packages/components/tag/index.js +2 -2
- package/lib/packages/components/tag/src/tag.js +5 -25
- package/lib/packages/components/tag/src/tag.js.map +1 -1
- package/lib/packages/components/tag/src/tag.vue_vue&type=script&lang.js +1 -1
- package/lib/packages/components/tag/src/tag2.js +25 -5
- package/lib/packages/components/tag/src/tag2.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n <button\n :class=\"[\n 'el-button',\n buttonType ? 'el-button--' + buttonType : '',\n buttonSize ? 'el-button--' + buttonSize : '',\n {\n 'is-disabled': buttonDisabled,\n 'is-loading': loading,\n 'is-plain': plain,\n 'is-round': round,\n 'is-circle': circle,\n },\n ]\"\n :disabled=\"buttonDisabled || loading\"\n :autofocus=\"autofocus\"\n :type=\"nativeType\"\n >\n <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n <ps-icon v-else-if=\"icon\">\n <component :is=\"icon\" />\n </ps-icon>\n <span\n v-if=\"$slots.default\"\n :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n >\n <slot></slot>\n </span>\n </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\
|
|
1
|
+
{"version":3,"file":"button.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n <button\n :class=\"[\n 'el-button',\n buttonType ? 'el-button--' + buttonType : '',\n buttonSize ? 'el-button--' + buttonSize : '',\n {\n 'is-disabled': buttonDisabled,\n 'is-loading': loading,\n 'is-plain': plain,\n 'is-round': round,\n 'is-circle': circle,\n },\n ]\"\n :disabled=\"buttonDisabled || loading\"\n :autofocus=\"autofocus\"\n :type=\"nativeType\"\n :style=\"buttonStyle\"\n >\n <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n <ps-icon v-else-if=\"icon\">\n <component :is=\"icon\" />\n </ps-icon>\n <span\n v-if=\"$slots.default\"\n :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n >\n <slot></slot>\n </span>\n </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\nimport { lighten, darken } from '@element-ps/utils/color'\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n name: 'PsButton',\n components: {\n PsIcon,\n Loading,\n },\n props: buttonProps,\n\n setup(props, { slots }) {\n const elBtnGroup = inject(elButtonGroupKey, undefined)\n const globalConfig = useGlobalConfig()\n const autoInsertSpace = computed(() => {\n return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n })\n\n // add space between two characters in Chinese\n const shouldAddSpace = computed(() => {\n const defaultSlot = slots.default?.()\n if (autoInsertSpace.value && defaultSlot?.length === 1) {\n const slot = defaultSlot[0]\n if (slot?.type === Text) {\n const text = slot.children\n return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n }\n }\n return false\n })\n const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n size: computed(() => elBtnGroup?.size),\n })\n const buttonType = computed(\n () => props.type || elBtnGroup?.type || 'default'\n )\n\n // calculate hover & active color by color\n const typeColor = computed(\n () => useCssVar(`--el-color-${props.type}`).value\n )\n const buttonStyle = computed(() => {\n let styles = {}\n\n const buttonColor = props.color || typeColor.value\n\n if (buttonColor) {\n const darkenBgColor = darken(buttonColor, 0.1)\n if (props.plain) {\n styles = {\n '--el-button-bg-color': lighten(buttonColor, 0.9),\n '--el-button-text-color': buttonColor,\n '--el-button-hover-text-color': 'var(--el-color-white)',\n '--el-button-hover-bg-color': buttonColor,\n '--el-button-hover-border-color': buttonColor,\n '--el-button-active-bg-color': darkenBgColor,\n '--el-button-active-text-color': 'var(--el-color-white)',\n '--el-button-active-border-color': darkenBgColor,\n }\n } else {\n const lightenBgColor = lighten(buttonColor)\n styles = {\n '--el-button-bg-color': buttonColor,\n '--el-button-border-color': buttonColor,\n '--el-button-hover-bg-color': lightenBgColor,\n '--el-button-hover-border-color': lightenBgColor,\n '--el-button-active-bg-color': darkenBgColor,\n '--el-button-active-border-color': darkenBgColor,\n }\n }\n\n if (buttonDisabled.value) {\n const disabledButtonColor = lighten(buttonColor, 0.5)\n styles['--el-button-disabled-bg-color'] = disabledButtonColor\n styles['--el-button-disabled-border-color'] = disabledButtonColor\n }\n }\n\n return styles\n })\n\n return {\n buttonStyle,\n buttonSize,\n buttonType,\n buttonDisabled,\n\n shouldAddSpace,\n }\n },\n})\n</script>\n"],"names":["defineComponent","PsIcon","Loading","buttonProps","inject","elButtonGroupKey","useGlobalConfig","computed","useFormItem","useCssVar","darken","lighten"],"mappings":";;;;;;;;;;;;;;;;AA0CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,aACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,aAAaC,WAAOC,2BAAkB;AAC5C,UAAM,eAAeC;AACrB,UAAM,kBAAkBC,aAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiBA,aAAS,MAAM;;AACpC,YAAM,cAAc,YAAM,YAAN;AACpB,UAAI,gBAAgB,SAAS,4CAAa,YAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,8BAAM,UAAS,MAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAET,UAAM,EAAE,MAAM,YAAY,UAAU,mBAAmBC,oBAAY;AAAA,MACjE,MAAMD,aAAS,MAAM,yCAAY;AAAA;AAEnC,UAAM,aAAaA,aACjB,MAAM,MAAM,kDAAoB,SAAQ;AAI1C,UAAM,YAAYA,aAChB,MAAME,eAAU,cAAc,MAAM,QAAQ;AAE9C,UAAM,cAAcF,aAAS,MAAM;AACjC,UAAI,SAAS;AAEb,YAAM,cAAc,MAAM,SAAS,UAAU;AAE7C,UAAI,aAAa;AACf,cAAM,gBAAgBG,aAAO,aAAa;AAC1C,YAAI,MAAM,OAAO;AACf,mBAAS;AAAA,YACP,wBAAwBC,cAAQ,aAAa;AAAA,YAC7C,0BAA0B;AAAA,YAC1B,gCAAgC;AAAA,YAChC,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,iCAAiC;AAAA,YACjC,mCAAmC;AAAA;AAAA,eAEhC;AACL,gBAAM,iBAAiBA,cAAQ;AAC/B,mBAAS;AAAA,YACP,wBAAwB;AAAA,YACxB,4BAA4B;AAAA,YAC5B,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,mCAAmC;AAAA;AAAA;AAIvC,YAAI,eAAe,OAAO;AACxB,gBAAM,sBAAsBA,cAAQ,aAAa;AACjD,iBAAO,mCAAmC;AAC1C,iBAAO,uCAAuC;AAAA;AAAA;AAIlD,aAAO;AAAA;AAGT,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -23,7 +23,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
23
23
|
]),
|
|
24
24
|
disabled: _ctx.buttonDisabled || _ctx.loading,
|
|
25
25
|
autofocus: _ctx.autofocus,
|
|
26
|
-
type: _ctx.nativeType
|
|
26
|
+
type: _ctx.nativeType,
|
|
27
|
+
style: vue.normalizeStyle(_ctx.buttonStyle)
|
|
27
28
|
}, [
|
|
28
29
|
_ctx.loading ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
|
|
29
30
|
key: 0,
|
|
@@ -45,7 +46,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
45
46
|
}, [
|
|
46
47
|
vue.renderSlot(_ctx.$slots, "default")
|
|
47
48
|
], 2)) : vue.createCommentVNode("v-if", true)
|
|
48
|
-
],
|
|
49
|
+
], 14, _hoisted_1);
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
exports.render = render;
|
package/lib/packages/components/button/src/button.vue_vue&type=template&id=802c5c76&lang.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.vue_vue&type=template&id=802c5c76&lang.js","sources":["../../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n <button\n :class=\"[\n 'el-button',\n buttonType ? 'el-button--' + buttonType : '',\n buttonSize ? 'el-button--' + buttonSize : '',\n {\n 'is-disabled': buttonDisabled,\n 'is-loading': loading,\n 'is-plain': plain,\n 'is-round': round,\n 'is-circle': circle,\n },\n ]\"\n :disabled=\"buttonDisabled || loading\"\n :autofocus=\"autofocus\"\n :type=\"nativeType\"\n >\n <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n <ps-icon v-else-if=\"icon\">\n <component :is=\"icon\" />\n </ps-icon>\n <span\n v-if=\"$slots.default\"\n :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n >\n <slot></slot>\n </span>\n </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\
|
|
1
|
+
{"version":3,"file":"button.vue_vue&type=template&id=802c5c76&lang.js","sources":["../../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n <button\n :class=\"[\n 'el-button',\n buttonType ? 'el-button--' + buttonType : '',\n buttonSize ? 'el-button--' + buttonSize : '',\n {\n 'is-disabled': buttonDisabled,\n 'is-loading': loading,\n 'is-plain': plain,\n 'is-round': round,\n 'is-circle': circle,\n },\n ]\"\n :disabled=\"buttonDisabled || loading\"\n :autofocus=\"autofocus\"\n :type=\"nativeType\"\n :style=\"buttonStyle\"\n >\n <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n <ps-icon v-else-if=\"icon\">\n <component :is=\"icon\" />\n </ps-icon>\n <span\n v-if=\"$slots.default\"\n :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n >\n <slot></slot>\n </span>\n </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { useFormItem, useGlobalConfig } from '@element-ps/hooks'\nimport { elButtonGroupKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\nimport { lighten, darken } from '@element-ps/utils/color'\nimport { buttonProps } from './button'\n\nexport default defineComponent({\n name: 'PsButton',\n components: {\n PsIcon,\n Loading,\n },\n props: buttonProps,\n\n setup(props, { slots }) {\n const elBtnGroup = inject(elButtonGroupKey, undefined)\n const globalConfig = useGlobalConfig()\n const autoInsertSpace = computed(() => {\n return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n })\n\n // add space between two characters in Chinese\n const shouldAddSpace = computed(() => {\n const defaultSlot = slots.default?.()\n if (autoInsertSpace.value && defaultSlot?.length === 1) {\n const slot = defaultSlot[0]\n if (slot?.type === Text) {\n const text = slot.children\n return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n }\n }\n return false\n })\n const { size: buttonSize, disabled: buttonDisabled } = useFormItem({\n size: computed(() => elBtnGroup?.size),\n })\n const buttonType = computed(\n () => props.type || elBtnGroup?.type || 'default'\n )\n\n // calculate hover & active color by color\n const typeColor = computed(\n () => useCssVar(`--el-color-${props.type}`).value\n )\n const buttonStyle = computed(() => {\n let styles = {}\n\n const buttonColor = props.color || typeColor.value\n\n if (buttonColor) {\n const darkenBgColor = darken(buttonColor, 0.1)\n if (props.plain) {\n styles = {\n '--el-button-bg-color': lighten(buttonColor, 0.9),\n '--el-button-text-color': buttonColor,\n '--el-button-hover-text-color': 'var(--el-color-white)',\n '--el-button-hover-bg-color': buttonColor,\n '--el-button-hover-border-color': buttonColor,\n '--el-button-active-bg-color': darkenBgColor,\n '--el-button-active-text-color': 'var(--el-color-white)',\n '--el-button-active-border-color': darkenBgColor,\n }\n } else {\n const lightenBgColor = lighten(buttonColor)\n styles = {\n '--el-button-bg-color': buttonColor,\n '--el-button-border-color': buttonColor,\n '--el-button-hover-bg-color': lightenBgColor,\n '--el-button-hover-border-color': lightenBgColor,\n '--el-button-active-bg-color': darkenBgColor,\n '--el-button-active-border-color': darkenBgColor,\n }\n }\n\n if (buttonDisabled.value) {\n const disabledButtonColor = lighten(buttonColor, 0.5)\n styles['--el-button-disabled-bg-color'] = disabledButtonColor\n styles['--el-button-disabled-border-color'] = disabledButtonColor\n }\n }\n\n return styles\n })\n\n return {\n buttonStyle,\n buttonSize,\n buttonType,\n buttonDisabled,\n\n shouldAddSpace,\n }\n },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;0BACEA;IACG;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;IACN,0BAAO;;IAEO,iCAAfC;;MAAwB,OAAM;AAAA;2BAAa;QAAAC,gBAAW;AAAA;AAAA;UAClC,8BAApBD;2BACE;0BAAAA,4CAAgB;;;;IAGV,YAAO,4BADfD;;MAEG,uDAAoC;;MAErCG;;;;;;;"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var withInstall = require('../../utils/with-install.js');
|
|
6
|
-
require('./src/
|
|
7
|
-
var card = require('./src/
|
|
6
|
+
require('./src/card.js');
|
|
7
|
+
var card = require('./src/card2.js');
|
|
8
8
|
var card_vue_vue_type_script_lang = require('./src/card.vue_vue&type=script&lang.js');
|
|
9
9
|
|
|
10
10
|
const PsCard = withInstall.withInstall(card_vue_vue_type_script_lang["default"]);
|
|
@@ -2,22 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var card_vue_vue_type_script_lang = require('./card.vue_vue&type=script&lang.js');
|
|
6
|
+
var card_vue_vue_type_template_id_7a6bdf05_lang = require('./card.vue_vue&type=template&id=7a6bdf05&lang.js');
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
type: String,
|
|
10
|
-
default: ""
|
|
11
|
-
},
|
|
12
|
-
bodyStyle: {
|
|
13
|
-
type: props.definePropType([String, Object, Array]),
|
|
14
|
-
default: ""
|
|
15
|
-
},
|
|
16
|
-
shadow: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: ""
|
|
19
|
-
}
|
|
20
|
-
});
|
|
8
|
+
card_vue_vue_type_script_lang["default"].render = card_vue_vue_type_template_id_7a6bdf05_lang.render;
|
|
9
|
+
card_vue_vue_type_script_lang["default"].__file = "packages/components/card/src/card.vue";
|
|
21
10
|
|
|
22
|
-
exports
|
|
11
|
+
exports["default"] = card_vue_vue_type_script_lang["default"];
|
|
23
12
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":[
|
|
1
|
+
{"version":3,"file":"card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -2,11 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var card_vue_vue_type_template_id_7a6bdf05_lang = require('./card.vue_vue&type=template&id=7a6bdf05&lang.js');
|
|
5
|
+
var props = require('../../../utils/props.js');
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const cardProps = props.buildProps({
|
|
8
|
+
header: {
|
|
9
|
+
type: String,
|
|
10
|
+
default: ""
|
|
11
|
+
},
|
|
12
|
+
bodyStyle: {
|
|
13
|
+
type: props.definePropType([String, Object, Array]),
|
|
14
|
+
default: ""
|
|
15
|
+
},
|
|
16
|
+
shadow: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: ""
|
|
19
|
+
}
|
|
20
|
+
});
|
|
10
21
|
|
|
11
|
-
exports
|
|
22
|
+
exports.cardProps = cardProps;
|
|
12
23
|
//# sourceMappingURL=card2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"card2.js","sources":["../../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { StyleValue } from '@element-ps/utils/types'\n\nexport const cardProps = buildProps({\n header: {\n type: String,\n default: '',\n },\n bodyStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n default: '',\n },\n shadow: {\n type: String,\n default: '',\n },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAIa,YAAYA,iBAAW;AAAA,EAClC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAMC,qBAA2B,CAAC,QAAQ,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var vue = require('vue');
|
|
6
6
|
var shared = require('@vue/shared');
|
|
7
|
-
var node = require('./
|
|
7
|
+
var node = require('./node2.js');
|
|
8
8
|
|
|
9
9
|
const CommonProps = {
|
|
10
10
|
modelValue: [Number, String, Array],
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var vue = require('vue');
|
|
6
6
|
require('./menu.js');
|
|
7
|
-
var node = require('./
|
|
7
|
+
var node = require('./node2.js');
|
|
8
8
|
var config = require('./config.js');
|
|
9
9
|
var types = require('./types.js');
|
|
10
10
|
var store = require('./store.js');
|
|
@@ -6,7 +6,7 @@ var vue = require('vue');
|
|
|
6
6
|
var index = require('../../scrollbar/index.js');
|
|
7
7
|
require('../../../hooks/index.js');
|
|
8
8
|
var util = require('../../../utils/util.js');
|
|
9
|
-
require('./
|
|
9
|
+
require('./node.js');
|
|
10
10
|
var types = require('./types.js');
|
|
11
11
|
var node_vue_vue_type_script_lang = require('./node.vue_vue&type=script&lang.js');
|
|
12
12
|
var index$1 = require('../../../hooks/use-locale/index.js');
|
|
@@ -2,77 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var node_vue_vue_type_script_lang = require('./node.vue_vue&type=script&lang.js');
|
|
6
|
+
var node_vue_vue_type_template_id_18b09cb2_lang = require('./node.vue_vue&type=template&id=18b09cb2&lang.js');
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
ExpandTrigger2["CLICK"] = "click";
|
|
11
|
-
ExpandTrigger2["HOVER"] = "hover";
|
|
12
|
-
})(exports.ExpandTrigger || (exports.ExpandTrigger = {}));
|
|
13
|
-
let uid = 0;
|
|
14
|
-
const calculatePathNodes = (node) => {
|
|
15
|
-
const nodes = [node];
|
|
16
|
-
let { parent } = node;
|
|
17
|
-
while (parent) {
|
|
18
|
-
nodes.unshift(parent);
|
|
19
|
-
parent = parent.parent;
|
|
20
|
-
}
|
|
21
|
-
return nodes;
|
|
22
|
-
};
|
|
23
|
-
class Node {
|
|
24
|
-
constructor(data, config, parent, root = false) {
|
|
25
|
-
this.data = data;
|
|
26
|
-
this.config = config;
|
|
27
|
-
this.parent = parent;
|
|
28
|
-
this.root = root;
|
|
29
|
-
this.uid = uid++;
|
|
30
|
-
this.checked = false;
|
|
31
|
-
this.indeterminate = false;
|
|
32
|
-
this.loading = false;
|
|
33
|
-
const { value: valueKey, label: labelKey, children: childrenKey } = config;
|
|
34
|
-
const childrenData = data[childrenKey];
|
|
35
|
-
const pathNodes = calculatePathNodes(this);
|
|
36
|
-
this.level = root ? 0 : parent ? parent.level + 1 : 1;
|
|
37
|
-
this.value = data[valueKey];
|
|
38
|
-
this.label = data[labelKey];
|
|
39
|
-
this.pathNodes = pathNodes;
|
|
40
|
-
this.pathValues = pathNodes.map((node) => node.value);
|
|
41
|
-
this.pathLabels = pathNodes.map((node) => node.label);
|
|
42
|
-
this.childrenData = childrenData;
|
|
43
|
-
this.children = (childrenData || []).map((child) => new Node(child, config, this));
|
|
44
|
-
this.loaded = !config.lazy || this.isLeaf || !util.isEmpty(childrenData);
|
|
45
|
-
}
|
|
46
|
-
get isDisabled() {
|
|
47
|
-
const { data, parent, config } = this;
|
|
48
|
-
const { disabled, checkStrictly } = config;
|
|
49
|
-
const isDisabled = shared.isFunction(disabled) ? disabled(data, this) : !!data[disabled];
|
|
50
|
-
return isDisabled || !checkStrictly && (parent == null ? void 0 : parent.isDisabled);
|
|
51
|
-
}
|
|
52
|
-
get isLeaf() {
|
|
53
|
-
const { data, config, childrenData, loaded } = this;
|
|
54
|
-
const { lazy, leaf } = config;
|
|
55
|
-
const isLeaf = shared.isFunction(leaf) ? leaf(data, this) : data[leaf];
|
|
56
|
-
return util.isUndefined(isLeaf) ? lazy && !loaded ? false : !Array.isArray(childrenData) : !!isLeaf;
|
|
57
|
-
}
|
|
58
|
-
get valueByOption() {
|
|
59
|
-
return this.config.emitPath ? this.pathValues : this.value;
|
|
60
|
-
}
|
|
61
|
-
calcText(allLevels, separator) {
|
|
62
|
-
const text = allLevels ? this.pathLabels.join(separator) : this.label;
|
|
63
|
-
this.text = text;
|
|
64
|
-
return text;
|
|
65
|
-
}
|
|
66
|
-
broadcast(event, ...args) {
|
|
67
|
-
const handlerName = `onParent${shared.capitalize(event)}`;
|
|
68
|
-
this.children.forEach((child) => {
|
|
69
|
-
if (child) {
|
|
70
|
-
child.broadcast(event, ...args);
|
|
71
|
-
child[handlerName] && child[handlerName](...args);
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
}
|
|
8
|
+
node_vue_vue_type_script_lang["default"].render = node_vue_vue_type_template_id_18b09cb2_lang.render;
|
|
9
|
+
node_vue_vue_type_script_lang["default"].__file = "packages/components/cascader-panel/src/node.vue";
|
|
76
10
|
|
|
77
|
-
exports["default"] =
|
|
11
|
+
exports["default"] = node_vue_vue_type_script_lang["default"];
|
|
78
12
|
//# sourceMappingURL=node.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node.js","sources":[
|
|
1
|
+
{"version":3,"file":"node.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -2,11 +2,77 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var shared = require('@vue/shared');
|
|
6
|
+
var util = require('../../../utils/util.js');
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
exports.ExpandTrigger = void 0;
|
|
9
|
+
(function(ExpandTrigger2) {
|
|
10
|
+
ExpandTrigger2["CLICK"] = "click";
|
|
11
|
+
ExpandTrigger2["HOVER"] = "hover";
|
|
12
|
+
})(exports.ExpandTrigger || (exports.ExpandTrigger = {}));
|
|
13
|
+
let uid = 0;
|
|
14
|
+
const calculatePathNodes = (node) => {
|
|
15
|
+
const nodes = [node];
|
|
16
|
+
let { parent } = node;
|
|
17
|
+
while (parent) {
|
|
18
|
+
nodes.unshift(parent);
|
|
19
|
+
parent = parent.parent;
|
|
20
|
+
}
|
|
21
|
+
return nodes;
|
|
22
|
+
};
|
|
23
|
+
class Node {
|
|
24
|
+
constructor(data, config, parent, root = false) {
|
|
25
|
+
this.data = data;
|
|
26
|
+
this.config = config;
|
|
27
|
+
this.parent = parent;
|
|
28
|
+
this.root = root;
|
|
29
|
+
this.uid = uid++;
|
|
30
|
+
this.checked = false;
|
|
31
|
+
this.indeterminate = false;
|
|
32
|
+
this.loading = false;
|
|
33
|
+
const { value: valueKey, label: labelKey, children: childrenKey } = config;
|
|
34
|
+
const childrenData = data[childrenKey];
|
|
35
|
+
const pathNodes = calculatePathNodes(this);
|
|
36
|
+
this.level = root ? 0 : parent ? parent.level + 1 : 1;
|
|
37
|
+
this.value = data[valueKey];
|
|
38
|
+
this.label = data[labelKey];
|
|
39
|
+
this.pathNodes = pathNodes;
|
|
40
|
+
this.pathValues = pathNodes.map((node) => node.value);
|
|
41
|
+
this.pathLabels = pathNodes.map((node) => node.label);
|
|
42
|
+
this.childrenData = childrenData;
|
|
43
|
+
this.children = (childrenData || []).map((child) => new Node(child, config, this));
|
|
44
|
+
this.loaded = !config.lazy || this.isLeaf || !util.isEmpty(childrenData);
|
|
45
|
+
}
|
|
46
|
+
get isDisabled() {
|
|
47
|
+
const { data, parent, config } = this;
|
|
48
|
+
const { disabled, checkStrictly } = config;
|
|
49
|
+
const isDisabled = shared.isFunction(disabled) ? disabled(data, this) : !!data[disabled];
|
|
50
|
+
return isDisabled || !checkStrictly && (parent == null ? void 0 : parent.isDisabled);
|
|
51
|
+
}
|
|
52
|
+
get isLeaf() {
|
|
53
|
+
const { data, config, childrenData, loaded } = this;
|
|
54
|
+
const { lazy, leaf } = config;
|
|
55
|
+
const isLeaf = shared.isFunction(leaf) ? leaf(data, this) : data[leaf];
|
|
56
|
+
return util.isUndefined(isLeaf) ? lazy && !loaded ? false : !Array.isArray(childrenData) : !!isLeaf;
|
|
57
|
+
}
|
|
58
|
+
get valueByOption() {
|
|
59
|
+
return this.config.emitPath ? this.pathValues : this.value;
|
|
60
|
+
}
|
|
61
|
+
calcText(allLevels, separator) {
|
|
62
|
+
const text = allLevels ? this.pathLabels.join(separator) : this.label;
|
|
63
|
+
this.text = text;
|
|
64
|
+
return text;
|
|
65
|
+
}
|
|
66
|
+
broadcast(event, ...args) {
|
|
67
|
+
const handlerName = `onParent${shared.capitalize(event)}`;
|
|
68
|
+
this.children.forEach((child) => {
|
|
69
|
+
if (child) {
|
|
70
|
+
child.broadcast(event, ...args);
|
|
71
|
+
child[handlerName] && child[handlerName](...args);
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
}
|
|
10
76
|
|
|
11
|
-
exports["default"] =
|
|
77
|
+
exports["default"] = Node;
|
|
12
78
|
//# sourceMappingURL=node2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"node2.js","sources":["../../../../../../../packages/components/cascader-panel/src/node.ts"],"sourcesContent":["import { isFunction } from '@vue/shared'\nimport { capitalize, isUndefined, isEmpty } from '@element-ps/utils/util'\nimport type { VNode } from 'vue'\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n | CascaderNodeValue\n | CascaderNodePathValue\n | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\n\nexport enum ExpandTrigger {\n CLICK = 'click',\n HOVER = 'hover',\n}\n\nexport type isDisabled = (data: CascaderOption, node: Node) => boolean\nexport type isLeaf = (data: CascaderOption, node: Node) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: Node, resolve: Resolve) => void\nexport type RenderLabel = ({\n node: Node,\n data: CascaderOption,\n}) => VNode | VNode[]\n\nexport interface CascaderOption extends Record<string, unknown> {\n label?: string\n value?: CascaderNodeValue\n children?: CascaderOption[]\n disabled?: boolean\n leaf?: boolean\n}\n\nexport interface CascaderProps {\n expandTrigger?: ExpandTrigger\n multiple?: boolean\n checkStrictly?: boolean\n emitPath?: boolean\n lazy?: boolean\n lazyLoad?: LazyLoad\n value?: string\n label?: string\n children?: string\n disabled?: string | isDisabled\n leaf?: string | isLeaf\n hoverThreshold?: number\n}\n\nexport type Nullable<T> = null | T\n\ntype ChildrenData = CascaderOption[] | undefined\n\nlet uid = 0\n\nconst calculatePathNodes = (node: Node) => {\n const nodes = [node]\n let { parent } = node\n\n while (parent) {\n nodes.unshift(parent)\n parent = parent.parent\n }\n\n return nodes\n}\n\nclass Node {\n readonly uid: number = uid++\n readonly level: number\n readonly value: CascaderNodeValue\n readonly label: string\n readonly pathNodes: Node[]\n readonly pathValues: CascaderNodePathValue\n readonly pathLabels: string[]\n\n childrenData: ChildrenData\n children: Node[]\n text: string\n loaded: boolean\n checked = false\n indeterminate = false\n loading = false\n\n constructor(\n readonly data: Nullable<CascaderOption>,\n readonly config: CascaderConfig,\n readonly parent?: Node,\n readonly root = false\n ) {\n const { value: valueKey, label: labelKey, children: childrenKey } = config\n\n const childrenData = data[childrenKey] as ChildrenData\n const pathNodes = calculatePathNodes(this)\n\n this.level = root ? 0 : parent ? parent.level + 1 : 1\n this.value = data[valueKey] as CascaderNodeValue\n this.label = data[labelKey] as string\n this.pathNodes = pathNodes\n this.pathValues = pathNodes.map((node) => node.value)\n this.pathLabels = pathNodes.map((node) => node.label)\n this.childrenData = childrenData\n this.children = (childrenData || []).map(\n (child) => new Node(child, config, this)\n )\n this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData)\n }\n\n get isDisabled(): boolean {\n const { data, parent, config } = this\n const { disabled, checkStrictly } = config\n const isDisabled = isFunction(disabled)\n ? disabled(data, this)\n : !!data[disabled]\n return isDisabled || (!checkStrictly && parent?.isDisabled)\n }\n\n get isLeaf(): boolean {\n const { data, config, childrenData, loaded } = this\n const { lazy, leaf } = config\n const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf]\n\n return isUndefined(isLeaf)\n ? lazy && !loaded\n ? false\n : !Array.isArray(childrenData)\n : !!isLeaf\n }\n\n get valueByOption() {\n return this.config.emitPath ? this.pathValues : this.value\n }\n\n calcText(allLevels: boolean, separator: string) {\n const text = allLevels ? this.pathLabels.join(separator) : this.label\n this.text = text\n return text\n }\n\n broadcast(event: string, ...args: unknown[]) {\n const handlerName = `onParent${capitalize(event)}`\n this.children.forEach((child) => {\n if (child) {\n // bottom up\n child.broadcast(event, ...args)\n child[handlerName] && child[handlerName](...args)\n }\n })\n }\n}\n\nexport default Node\n"],"names":["ExpandTrigger","isEmpty","isFunction","isUndefined","capitalize"],"mappings":";;;;;;;AAYYA;AAAL,UAAK,gBAAL;AACL,4BAAQ;AACR,4BAAQ;AAAA,GAFEA;AAyCZ,IAAI,MAAM;AAEV,MAAM,qBAAqB,CAAC,SAAe;AACzC,QAAM,QAAQ,CAAC;AACf,MAAI,EAAE,WAAW;AAEjB,SAAO,QAAQ;AACb,UAAM,QAAQ;AACd,aAAS,OAAO;AAAA;AAGlB,SAAO;AAAA;AAGT,WAAW;AAAA,EAiBT,YACW,MACA,QACA,QACA,OAAO,OAChB;AAJS;AACA;AACA;AACA;AApBF,eAAc;AAYvB,mBAAU;AACV,yBAAgB;AAChB,mBAAU;AAQR,UAAM,EAAE,OAAO,UAAU,OAAO,UAAU,UAAU,gBAAgB;AAEpE,UAAM,eAAe,KAAK;AAC1B,UAAM,YAAY,mBAAmB;AAErC,SAAK,QAAQ,OAAO,IAAI,SAAS,OAAO,QAAQ,IAAI;AACpD,SAAK,QAAQ,KAAK;AAClB,SAAK,QAAQ,KAAK;AAClB,SAAK,YAAY;AACjB,SAAK,aAAa,UAAU,IAAI,CAAC,SAAS,KAAK;AAC/C,SAAK,aAAa,UAAU,IAAI,CAAC,SAAS,KAAK;AAC/C,SAAK,eAAe;AACpB,SAAK,WAAY,iBAAgB,IAAI,IACnC,CAAC,UAAU,IAAI,KAAK,OAAO,QAAQ;AAErC,SAAK,SAAS,CAAC,OAAO,QAAQ,KAAK,UAAU,CAACC,aAAQ;AAAA;AAAA,MAGpD,aAAsB;AACxB,UAAM,EAAE,MAAM,QAAQ,WAAW;AACjC,UAAM,EAAE,UAAU,kBAAkB;AACpC,UAAM,aAAaC,kBAAW,YAC1B,SAAS,MAAM,QACf,CAAC,CAAC,KAAK;AACX,WAAO,cAAe,CAAC,mDAAyB;AAAA;AAAA,MAG9C,SAAkB;AACpB,UAAM,EAAE,MAAM,QAAQ,cAAc,WAAW;AAC/C,UAAM,EAAE,MAAM,SAAS;AACvB,UAAM,SAASA,kBAAW,QAAQ,KAAK,MAAM,QAAQ,KAAK;AAE1D,WAAOC,iBAAY,UACf,QAAQ,CAAC,SACP,QACA,CAAC,MAAM,QAAQ,gBACjB,CAAC,CAAC;AAAA;AAAA,MAGJ,gBAAgB;AAClB,WAAO,KAAK,OAAO,WAAW,KAAK,aAAa,KAAK;AAAA;AAAA,EAGvD,SAAS,WAAoB,WAAmB;AAC9C,UAAM,OAAO,YAAY,KAAK,WAAW,KAAK,aAAa,KAAK;AAChE,SAAK,OAAO;AACZ,WAAO;AAAA;AAAA,EAGT,UAAU,UAAkB,MAAiB;AAC3C,UAAM,cAAc,WAAWC,kBAAW;AAC1C,SAAK,SAAS,QAAQ,CAAC,UAAU;AAC/B,UAAI,OAAO;AAET,cAAM,UAAU,OAAO,GAAG;AAC1B,cAAM,gBAAgB,MAAM,aAAa,GAAG;AAAA;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var isEqual = require('lodash/isEqual');
|
|
6
|
-
var node = require('./
|
|
6
|
+
var node = require('./node2.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div\n class=\"el-overlay-dialog\"\n >\n <div\n ref=\"dialogRef\"\n :class=\"[\n 'el-dialog',\n {\n 'is-fullscreen': fullscreen,\n 'el-dialog--center': center,\n },\n customClass,\n ]\"\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-label=\"title || 'dialog'\"\n :style=\"style\"\n @click.stop=\"\"\n >\n <div class=\"el-dialog__header\" :widget=\"widget
|
|
1
|
+
{"version":3,"file":"dialog.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div\n class=\"el-overlay-dialog\"\n >\n <div\n ref=\"dialogRef\"\n :class=\"[\n 'el-dialog',\n {\n 'is-fullscreen': fullscreen,\n 'el-dialog--center': center,\n },\n customClass,\n ]\"\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-label=\"title || 'dialog'\"\n :style=\"style\"\n @click.stop=\"\"\n :widget=\"widget\"\n >\n <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')}`\">\n <slot name=\"title\">\n <span class=\"el-dialog__title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n aria-label=\"close\"\n class=\"el-dialog__headerbtn\"\n type=\"button\"\n >\n <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n </button>\n </div>\n <template v-if=\"rendered\">\n <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')}`\">\n <slot></slot>\n </div>\n </template>\n <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')}`\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n </div>\n </ps-overlay>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n name: 'PsDialog',\n components: {\n PsOverlay,\n PsIcon,\n ...CloseComponents,\n },\n props: dialogProps,\n setup(props, ctx) {\n const dialogRef = ref<HTMLElement>()\n const dialog = useDialog(props, ctx, dialogRef)\n const overlayEvent = useSameTarget(dialog.onModalClick)\n\n return {\n dialogRef,\n overlayEvent,\n ...dialog,\n }\n },\n})\n</script>\n"],"names":["defineComponent","PsOverlay","PsIcon","CloseComponents","dialogProps","ref","useDialog","useSameTarget"],"mappings":";;;;;;;;;;;;;AAmEA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,OACGC;AAAA;AAAA,EAEL,OAAOC;AAAA,EACP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC;AAClB,UAAM,SAASC,oBAAU,OAAO,KAAK;AACrC,UAAM,eAAeC,sBAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var vue = require('vue');
|
|
6
6
|
|
|
7
7
|
const _hoisted_1 = { class: "el-overlay-dialog" };
|
|
8
|
-
const _hoisted_2 = ["aria-label"];
|
|
8
|
+
const _hoisted_2 = ["aria-label", "widget"];
|
|
9
9
|
const _hoisted_3 = ["widget"];
|
|
10
10
|
const _hoisted_4 = { class: "el-dialog__title" };
|
|
11
11
|
const _hoisted_5 = {
|
|
@@ -47,11 +47,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
47
47
|
"aria-label": _ctx.title || "dialog",
|
|
48
48
|
style: vue.normalizeStyle(_ctx.style),
|
|
49
49
|
onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
|
|
50
|
-
}, ["stop"]))
|
|
50
|
+
}, ["stop"])),
|
|
51
|
+
widget: _ctx.widget
|
|
51
52
|
}, [
|
|
52
53
|
vue.createElementVNode("div", {
|
|
53
54
|
class: "el-dialog__header",
|
|
54
|
-
widget: _ctx.widget
|
|
55
|
+
widget: `dialog:title:${_ctx.widget.split(":")}`
|
|
55
56
|
}, [
|
|
56
57
|
vue.renderSlot(_ctx.$slots, "title", {}, () => [
|
|
57
58
|
vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(_ctx.title), 1)
|
|
@@ -68,14 +69,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
68
69
|
_ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
69
70
|
key: 0,
|
|
70
71
|
class: "el-dialog__body",
|
|
71
|
-
widget: _ctx.widget
|
|
72
|
+
widget: `dialog:default:${_ctx.widget.split(":")}`
|
|
72
73
|
}, [
|
|
73
74
|
vue.renderSlot(_ctx.$slots, "default")
|
|
74
75
|
], 8, _hoisted_6)) : vue.createCommentVNode("v-if", true),
|
|
75
76
|
_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
76
77
|
key: 1,
|
|
77
78
|
class: "el-dialog__footer",
|
|
78
|
-
widget: _ctx.widget
|
|
79
|
+
widget: `dialog:footer:${_ctx.widget.split(":")}`
|
|
79
80
|
}, [
|
|
80
81
|
vue.renderSlot(_ctx.$slots, "footer")
|
|
81
82
|
], 8, _hoisted_7)) : vue.createCommentVNode("v-if", true)
|
package/lib/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.js","sources":["../../../../../../../packages/components/dialog/src/dialog.vue?vue&type=template&id=02672805&lang.js"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div\n class=\"el-overlay-dialog\"\n >\n <div\n ref=\"dialogRef\"\n :class=\"[\n 'el-dialog',\n {\n 'is-fullscreen': fullscreen,\n 'el-dialog--center': center,\n },\n customClass,\n ]\"\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-label=\"title || 'dialog'\"\n :style=\"style\"\n @click.stop=\"\"\n >\n <div class=\"el-dialog__header\" :widget=\"widget
|
|
1
|
+
{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.js","sources":["../../../../../../../packages/components/dialog/src/dialog.vue?vue&type=template&id=02672805&lang.js"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div\n class=\"el-overlay-dialog\"\n >\n <div\n ref=\"dialogRef\"\n :class=\"[\n 'el-dialog',\n {\n 'is-fullscreen': fullscreen,\n 'el-dialog--center': center,\n },\n customClass,\n ]\"\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-label=\"title || 'dialog'\"\n :style=\"style\"\n @click.stop=\"\"\n :widget=\"widget\"\n >\n <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')}`\">\n <slot name=\"title\">\n <span class=\"el-dialog__title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n aria-label=\"close\"\n class=\"el-dialog__headerbtn\"\n type=\"button\"\n >\n <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n </button>\n </div>\n <template v-if=\"rendered\">\n <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')}`\">\n <slot></slot>\n </div>\n </template>\n <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')}`\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n </div>\n </ps-overlay>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n name: 'PsDialog',\n components: {\n PsOverlay,\n PsIcon,\n ...CloseComponents,\n },\n props: dialogProps,\n setup(props, ctx) {\n const dialogRef = ref<HTMLElement>()\n const dialog = useDialog(props, ctx, dialogRef)\n const overlayEvent = useSameTarget(dialog.onModalClick)\n\n return {\n dialogRef,\n overlayEvent,\n ...dialog,\n }\n },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_renderSlot","_createElementBlock"],"mappings":";;;;;;qBAUQ,OAAM;;;qBAqBQ,OAAM;;;EAMd,cAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAK;AAAA;;;;;;;0BAtCjBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEE,qBAAA;AAAA,MACC,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC,8BAAA;UAGEA;YACE,KAAI;AAAA,YACH;;;;;;;;YAQD,cAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAY;YACZ,0BAAO;YACP,qDAAD;;YACC,QAAQ;;YAETA;cAAK,OAAM;AAAA,cAAqB,wBAAwB,YAAO;;cAC7DC,yCAAA;gBACID,+BAAA,gCACK;;cAID,mCADRE,iCAAA;gBAMEH,sCAAS,OAAM;uCAAmB;oBAAAA;;;;;;YAGtB,kCACdG;;cAAK,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cAC7DD;;YAGO,YAAO,2BAAlBC;;cAA0B,OAAM;AAAA,cAAqB,yBAAyB,YAAO;;cACnFD;;;;;;;kBA/CE;;;;;;;"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var withInstall = require('../../utils/with-install.js');
|
|
6
|
-
require('./src/
|
|
7
|
-
var divider = require('./src/
|
|
6
|
+
require('./src/divider.js');
|
|
7
|
+
var divider = require('./src/divider2.js');
|
|
8
8
|
var divider_vue_vue_type_script_lang = require('./src/divider.vue_vue&type=script&lang.js');
|
|
9
9
|
|
|
10
10
|
const PsDivider = withInstall.withInstall(divider_vue_vue_type_script_lang["default"]);
|
|
@@ -2,20 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var divider_vue_vue_type_script_lang = require('./divider.vue_vue&type=script&lang.js');
|
|
6
|
+
var divider_vue_vue_type_template_id_6ddd3543_lang = require('./divider.vue_vue&type=template&id=6ddd3543&lang.js');
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
type: String,
|
|
10
|
-
values: ["horizontal", "vertical"],
|
|
11
|
-
default: "horizontal"
|
|
12
|
-
},
|
|
13
|
-
contentPosition: {
|
|
14
|
-
type: String,
|
|
15
|
-
values: ["left", "center", "right"],
|
|
16
|
-
default: "center"
|
|
17
|
-
}
|
|
18
|
-
});
|
|
8
|
+
divider_vue_vue_type_script_lang["default"].render = divider_vue_vue_type_template_id_6ddd3543_lang.render;
|
|
9
|
+
divider_vue_vue_type_script_lang["default"].__file = "packages/components/divider/src/divider.vue";
|
|
19
10
|
|
|
20
|
-
exports
|
|
11
|
+
exports["default"] = divider_vue_vue_type_script_lang["default"];
|
|
21
12
|
//# sourceMappingURL=divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sources":[
|
|
1
|
+
{"version":3,"file":"divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -2,11 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var divider_vue_vue_type_template_id_6ddd3543_lang = require('./divider.vue_vue&type=template&id=6ddd3543&lang.js');
|
|
5
|
+
var props = require('../../../utils/props.js');
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const dividerProps = props.buildProps({
|
|
8
|
+
direction: {
|
|
9
|
+
type: String,
|
|
10
|
+
values: ["horizontal", "vertical"],
|
|
11
|
+
default: "horizontal"
|
|
12
|
+
},
|
|
13
|
+
contentPosition: {
|
|
14
|
+
type: String,
|
|
15
|
+
values: ["left", "center", "right"],
|
|
16
|
+
default: "center"
|
|
17
|
+
}
|
|
18
|
+
});
|
|
10
19
|
|
|
11
|
-
exports
|
|
20
|
+
exports.dividerProps = dividerProps;
|
|
12
21
|
//# sourceMappingURL=divider2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"divider2.js","sources":["../../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dividerProps = buildProps({\n direction: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'horizontal',\n },\n contentPosition: {\n type: String,\n values: ['left', 'center', 'right'],\n default: 'center',\n },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n"],"names":["buildProps"],"mappings":";;;;;;MAIa,eAAeA,iBAAW;AAAA,EACrC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ,CAAC,cAAc;AAAA,IACvB,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,UAAU;AAAA,IAC3B,SAAS;AAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div\n ref=\"drawerRef\"\n
|
|
1
|
+
{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <ps-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n :z-index=\"zIndex\"\n >\n <div class=\"el-overlay-drawer\">\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n aria-labelledby=\"el-drawer__title\"\n :aria-label=\"title\"\n :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n :widget=\"widget\"\n >\n <header\n v-if=\"withHeader\"\n id=\"el-drawer__title\"\n class=\"el-drawer__header\"\n :widget=\"`drawer:title:${widget.split(':')}`\"\n >\n <slot name=\"title\">\n <span role=\"heading\" :title=\"title\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"'close ' + (title || 'drawer')\"\n class=\"el-drawer__close-btn\"\n type=\"button\"\n >\n <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <section class=\"el-drawer__body\" :widget=\"`drawer:default:${widget.split(':')}`\">\n <slot></slot>\n </section>\n </template>\n </div>\n </div>\n </ps-overlay>\n </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n useDialog,\n dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n name: 'PsDrawer',\n components: {\n PsOverlay,\n PsIcon,\n Close,\n },\n props: {\n ...dialogProps,\n direction: {\n type: String as PropType<DrawerDirection>,\n default: 'rtl',\n validator: (val: DrawerDirection) => {\n return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n },\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n widget: {\n type: String,\n },\n },\n\n setup(props, ctx) {\n const drawerRef = ref<HTMLElement>(null)\n return {\n ...useDialog(props, ctx as SetupContext, drawerRef),\n drawerRef,\n isHorizontal: computed(\n () => props.direction === 'rtl' || props.direction === 'ltr',\n ),\n drawerSize: computed(() =>\n typeof props.size === 'number' ? `${props.size}px` : props.size,\n ),\n }\n },\n})\n</script>\n"],"names":["defineComponent","PsOverlay","PsIcon","Close","dialogProps","ref","useDialog","computed"],"mappings":";;;;;;;;;;;;AAkEA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,WACAC;AAAA;AAAA,EAEF,OAAO;AAAA,OACFC;AAAA,IACH,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB;AACnC,eAAO,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,IAGzD,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAIV,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC,QAAiB;AACnC,WAAO;AAAA,SACFC,oBAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAcC,aACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAYA,aAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}
|