element-ps 1.0.9 → 1.0.13

package/lib/packages/components/cascader-panel/src/store.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var isEqual = require('lodash/isEqual');
-var node = require('./node2.js');
+var node = require('./node.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/packages/components/dialog/src/dialog.vue_vue&type=script&lang.js.map

@@ -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          :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;;;;"}
+{"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(':')[1]}`\">\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(':')[1]}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')[1]}`\">\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;;;;"}

package/lib/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.js

@@ -52,7 +52,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             vue.createElementVNode("div", {
               class: "el-dialog__header",
-              widget: `dialog:title:${_ctx.widget.split(":")}`
+              widget: `dialog:title:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(_ctx.title), 1)
@@ -69,14 +69,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
-              widget: `dialog:default:${_ctx.widget.split(":")}`
+              widget: `dialog:default:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "default")
             ], 8, _hoisted_6)) : vue.createCommentVNode("v-if", true),
             _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: "el-dialog__footer",
-              widget: `dialog:footer:${_ctx.widget.split(":")}`
+              widget: `dialog:footer:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "footer")
             ], 8, _hoisted_7)) : vue.createCommentVNode("v-if", true)

package/lib/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.js.map

@@ -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          :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;;;;;;;"}
+{"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(':')[1]}`\">\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(':')[1]}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')[1]}`\">\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;;;;;;;"}

package/lib/packages/components/dialog/src/use-dialog.js

@@ -15,7 +15,7 @@ var index$2 = require('../../../hooks/use-restore-active/index.js');
 const useDialog = (props, { emit }, targetRef) => {
   const visible = vue.ref(false);
   const closed = vue.ref(false);
-  const rendered = vue.ref(false);
+  const rendered = vue.ref(true);
   const zIndex = vue.ref(props.zIndex || popupManager["default"].nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;

package/lib/packages/components/dialog/src/use-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.js","sources":["../../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\n\nimport { useLockScreen, useRestoreActive, useModal } from '@element-ps/hooks'\nimport isServer from '@element-ps/utils/isServer'\nimport PopupManager from '@element-ps/utils/popup-manager'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when desctroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function doOpen() {\n    if (isServer) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockScreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":["ref","PopupManager","computed","isNumber","useTimeoutFn","isServer"],"mappings":";;;;;;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAUA,QAAI;AACpB,QAAM,SAASA,QAAI;AACnB,QAAM,WAAWA,QAAI;AACrB,QAAM,SAASA,QAAI,MAAM,UAAUC,wBAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiBC,aAAS,MAC9BC,cAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQD,aAAwB,MAAM;AAC1C,UAAM,SAAuB;AAC7B,UAAM,YAAY;AAClB,QAAI,CAAC,MAAM,YAAY;AACrB,UAAI,MAAM,KAAK;AACb,eAAM,GAAG,0BAA0B,MAAM;AAAA;AAE3C,UAAI,MAAM,OAAO;AACf,eAAM,GAAG,qBAAqB,eAAe;AAAA;AAAA;AAGjD,WAAO;AAAA;AAGT,kBAAgB;AACd;AACA;AAEA,QAAI,MAAM,aAAa,MAAM,YAAY,GAAG;AAC1C;AAAC,MAAC,GAAE,MAAM,cAAcE,kBAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAeA,kBAAa,MAAM,WAAW,MAAM;AAAA,WACxD;AACL;AAAA;AAAA;AAIJ,gBAAc,cAAuB;AACnC,QAAI;AAAc;AAClB,WAAO,QAAQ;AACf,YAAQ,QAAQ;AAAA;AAGlB,yBAAuB;AACrB,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY;AAAA,WACb;AACL;AAAA;AAAA;AAIJ,oBAAkB;AAChB,QAAIC,qBAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,qBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,uBACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,qBAAiB;AAEjB,YACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAUJ,wBAAa;AAE5D,mBAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,gBAAU,MAAM;AACd,QAAI,MAAM,YAAY;AACpB,cAAQ,QAAQ;AAChB,eAAS,QAAQ;AACjB;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}
+{"version":3,"file":"use-dialog.js","sources":["../../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\n\nimport { useLockScreen, useRestoreActive, useModal } from '@element-ps/hooks'\nimport isServer from '@element-ps/utils/isServer'\nimport PopupManager from '@element-ps/utils/popup-manager'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(true) // when desctroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function doOpen() {\n    if (isServer) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockScreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":["ref","PopupManager","computed","isNumber","useTimeoutFn","isServer"],"mappings":";;;;;;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAUA,QAAI;AACpB,QAAM,SAASA,QAAI;AACnB,QAAM,WAAWA,QAAI;AACrB,QAAM,SAASA,QAAI,MAAM,UAAUC,wBAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiBC,aAAS,MAC9BC,cAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQD,aAAwB,MAAM;AAC1C,UAAM,SAAuB;AAC7B,UAAM,YAAY;AAClB,QAAI,CAAC,MAAM,YAAY;AACrB,UAAI,MAAM,KAAK;AACb,eAAM,GAAG,0BAA0B,MAAM;AAAA;AAE3C,UAAI,MAAM,OAAO;AACf,eAAM,GAAG,qBAAqB,eAAe;AAAA;AAAA;AAGjD,WAAO;AAAA;AAGT,kBAAgB;AACd;AACA;AAEA,QAAI,MAAM,aAAa,MAAM,YAAY,GAAG;AAC1C;AAAC,MAAC,GAAE,MAAM,cAAcE,kBAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAeA,kBAAa,MAAM,WAAW,MAAM;AAAA,WACxD;AACL;AAAA;AAAA;AAIJ,gBAAc,cAAuB;AACnC,QAAI;AAAc;AAClB,WAAO,QAAQ;AACf,YAAQ,QAAQ;AAAA;AAGlB,yBAAuB;AACrB,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY;AAAA,WACb;AACL;AAAA;AAAA;AAIJ,oBAAkB;AAChB,QAAIC,qBAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,qBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,uBACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,qBAAiB;AAEjB,YACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAUJ,wBAAa;AAE5D,mBAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,gBAAU,MAAM;AACd,QAAI,MAAM,YAAY;AACpB,cAAQ,QAAQ;AAChB,eAAS,QAAQ;AACjB;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/packages/components/divider/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/divider.js');
-var divider = require('./src/divider2.js');
+require('./src/divider2.js');
+var divider = require('./src/divider.js');
 var divider_vue_vue_type_script_lang = require('./src/divider.vue_vue&type=script&lang.js');
 
 const PsDivider = withInstall.withInstall(divider_vue_vue_type_script_lang["default"]);

package/lib/packages/components/divider/src/divider.js

@@ -2,11 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var divider_vue_vue_type_script_lang = require('./divider.vue_vue&type=script&lang.js');
-var divider_vue_vue_type_template_id_6ddd3543_lang = require('./divider.vue_vue&type=template&id=6ddd3543&lang.js');
+var props = require('../../../utils/props.js');
 
-divider_vue_vue_type_script_lang["default"].render = divider_vue_vue_type_template_id_6ddd3543_lang.render;
-divider_vue_vue_type_script_lang["default"].__file = "packages/components/divider/src/divider.vue";
+const dividerProps = props.buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  }
+});
 
-exports["default"] = divider_vue_vue_type_script_lang["default"];
+exports.dividerProps = dividerProps;
 //# sourceMappingURL=divider.js.map

package/lib/packages/components/divider/src/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"divider.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;;;;"}

package/lib/packages/components/divider/src/divider.vue_vue&type=script&lang.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var divider = require('./divider2.js');
+var divider = require('./divider.js');
 
 var script = vue.defineComponent({
   name: "PsDivider",

package/lib/packages/components/divider/src/divider2.js

@@ -2,20 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var divider_vue_vue_type_script_lang = require('./divider.vue_vue&type=script&lang.js');
+var divider_vue_vue_type_template_id_6ddd3543_lang = require('./divider.vue_vue&type=template&id=6ddd3543&lang.js');
 
-const dividerProps = props.buildProps({
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  contentPosition: {
-    type: String,
-    values: ["left", "center", "right"],
-    default: "center"
-  }
-});
+divider_vue_vue_type_script_lang["default"].render = divider_vue_vue_type_template_id_6ddd3543_lang.render;
+divider_vue_vue_type_script_lang["default"].__file = "packages/components/divider/src/divider.vue";
 
-exports.dividerProps = dividerProps;
+exports["default"] = divider_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=divider2.js.map

package/lib/packages/components/divider/src/divider2.js.map

@@ -1 +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;;;;"}
+{"version":3,"file":"divider2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/drawer/src/index.vue_vue&type=script&lang.js.map

@@ -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 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;;;;"}
+{"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(':')[1]}`\"\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(':')[1]}`\">\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;;;;"}

package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js

@@ -41,7 +41,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               id: "el-drawer__title",
               class: "el-drawer__header",
-              widget: `drawer:title:${_ctx.widget.split(":")}`
+              widget: `drawer:title:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createElementVNode("span", {
@@ -66,7 +66,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
               key: 1,
               class: "el-drawer__body",
-              widget: `drawer:default:${_ctx.widget.split(":")}`
+              widget: `drawer:default:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "default")
             ], 8, _hoisted_6)) : vue.createCommentVNode("v-if", true)

package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"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":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;qBAQW,OAAM;;;;;;;;;;0BAPfA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEG,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC,8BAAA;UACEA;YACE,KAAI;AAAA,YACJ,cAAW;AAAA,YACX,mBAAgB;AAAA,YACf,cAAY;YACZ,wCAAqB,gBAAW,wBAAmB;YACnD;YAGD,MAAK;AAAA,YACJ,qDAAD;;YACC,QAAQ;;YAGD,oCADRC;;cAEE,IAAG;AAAA,cACH,OAAM;AAAA,cACL,wBAAwB,YAAO;;cAEhCC,yCAAA;gBACEF;kBAAM,MAAK;AAAA,kBAAW,OAAO;uCACxB;;cAIC,mCADRC;;gBAEG;gBACD,OAAM;AAAA,gBACN,MAAK;AAAA;gBAELF,sCAAS,OAAM;uCAAmB;oBAAAA,gBAAS;AAAA;AAAA;;;;YAG/B,kCACdE;;cAAS,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cACjEC;;;;;;;kBAzCA;;;;;;;"}
+{"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"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(':')[1]}`\"\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(':')[1]}`\">\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":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;qBAQW,OAAM;;;;;;;;;;0BAPfA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEG,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC,8BAAA;UACEA;YACE,KAAI;AAAA,YACJ,cAAW;AAAA,YACX,mBAAgB;AAAA,YACf,cAAY;YACZ,wCAAqB,gBAAW,wBAAmB;YACnD;YAGD,MAAK;AAAA,YACJ,qDAAD;;YACC,QAAQ;;YAGD,oCADRC;;cAEE,IAAG;AAAA,cACH,OAAM;AAAA,cACL,wBAAwB,YAAO;;cAEhCC,yCAAA;gBACEF;kBAAM,MAAK;AAAA,kBAAW,OAAO;uCACxB;;cAIC,mCADRC;;gBAEG;gBACD,OAAM;AAAA,gBACN,MAAK;AAAA;gBAELF,sCAAS,OAAM;uCAAmB;oBAAAA,gBAAS;AAAA;AAAA;;;;YAG/B,kCACdE;;cAAS,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cACjEC;;;;;;;kBAzCA;;;;;;;"}

package/lib/packages/components/empty/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/empty2.js');
-var empty = require('./src/empty.js');
+require('./src/empty.js');
+var empty = require('./src/empty2.js');
 var empty_vue_vue_type_script_lang = require('./src/empty.vue_vue&type=script&lang.js');
 
 const PsEmpty = withInstall.withInstall(empty_vue_vue_type_script_lang["default"]);

package/lib/packages/components/empty/src/empty.js

@@ -2,17 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const emptyProps = {
-  image: {
-    type: String,
-    default: ""
-  },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
-  }
-};
+var empty_vue_vue_type_script_lang = require('./empty.vue_vue&type=script&lang.js');
+var empty_vue_vue_type_template_id_10d211eb_lang = require('./empty.vue_vue&type=template&id=10d211eb&lang.js');
 
-exports.emptyProps = emptyProps;
+empty_vue_vue_type_script_lang["default"].render = empty_vue_vue_type_template_id_10d211eb_lang.render;
+empty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/empty.vue";
+
+exports["default"] = empty_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=empty.js.map

package/lib/packages/components/empty/src/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sources":["../../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;;;MAEa,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,EACX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"empty.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/empty/src/empty.vue_vue&type=script&lang.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../../hooks/index.js');
 require('./img-empty.js');
-var empty = require('./empty.js');
+var empty = require('./empty2.js');
 var imgEmpty_vue_vue_type_script_lang = require('./img-empty.vue_vue&type=script&lang.js');
 var index = require('../../../hooks/use-locale/index.js');
 

package/lib/packages/components/empty/src/empty2.js

@@ -2,11 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var empty_vue_vue_type_script_lang = require('./empty.vue_vue&type=script&lang.js');
-var empty_vue_vue_type_template_id_10d211eb_lang = require('./empty.vue_vue&type=template&id=10d211eb&lang.js');
+const emptyProps = {
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
+  }
+};
 
-empty_vue_vue_type_script_lang["default"].render = empty_vue_vue_type_template_id_10d211eb_lang.render;
-empty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/empty.vue";
-
-exports["default"] = empty_vue_vue_type_script_lang["default"];
+exports.emptyProps = emptyProps;
 //# sourceMappingURL=empty2.js.map

package/lib/packages/components/empty/src/empty2.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"empty2.js","sources":["../../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;;;MAEa,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,EACX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/form/src/form-item.vue_vue&type=script&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div ref=\"formItemRef\" class=\"el-form-item\" :class=\"formItemClass\">\n    <LabelWrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"elForm.labelWidth === 'auto'\"\n    >\n      <label\n        v-if=\"label || $slots.label\"\n        :for=\"labelFor\"\n        class=\"el-form-item__label\"\n        :style=\"labelStyle\"\n        :widget=\"widget\"\n      >\n        <slot name=\"label\" :label=\"label + elForm.labelSuffix\">\n          {{ label + elForm.labelSuffix }}\n        </slot>\n      </label>\n    </LabelWrap>\n    <div class=\"el-form-item__content\" :style=\"contentStyle\" :widget=\"widget\">\n      <slot></slot>\n      <transition name=\"el-zoom-in-top\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div\n            class=\"el-form-item__error\"\n            :class=\"{\n              'el-form-item__error--inline':\n                typeof inlineMessage === 'boolean'\n                  ? inlineMessage\n                  : elForm.inlineMessage || false,\n            }\"\n          >\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { addUnit, getPropByPath, useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { elFormItemKey, elFormKey } from '@element-ps/tokens'\nimport LabelWrap from './label-wrap'\n\nimport type { PropType, CSSProperties } from 'vue'\nimport type { ComponentSize } from '@element-ps/utils/types'\nimport type { ElFormContext } from '@element-ps/tokens'\nimport type { FormItemRule } from './form.type'\n\nexport default defineComponent({\n  name: 'PsFormItem',\n  componentName: 'PsFormItem',\n  components: {\n    LabelWrap,\n  },\n  props: {\n    label: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    prop: String,\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    rules: [Object, Array] as PropType<FormItemRule | FormItemRule[]>,\n    error: String,\n    validateStatus: String,\n    for: String,\n    inlineMessage: {\n      type: [String, Boolean],\n      default: '',\n    },\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props, { slots }) {\n    const $ELEMENT = useGlobalConfig()\n\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const validateState = ref('')\n    const validateMessage = ref('')\n\n    const computedLabelWidth = ref('')\n\n    const formItemRef = ref<HTMLDivElement>()\n\n    const vm = getCurrentInstance()\n    const isNested = computed(() => {\n      let parent = vm.parent\n      while (parent && parent.type.name !== 'PsForm') {\n        if (parent.type.name === 'PsFormItem') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    let initialValue = undefined\n\n    const labelFor = computed(() => props.for || props.prop)\n    const labelStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top') return ret\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (labelWidth) {\n        ret.width = labelWidth\n      }\n      return ret\n    })\n    const contentStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top' || elForm.inline) {\n        return ret\n      }\n      if (!props.label && !props.labelWidth && isNested.value) {\n        return ret\n      }\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (!props.label && !slots.label) {\n        ret.marginLeft = labelWidth\n      }\n      return ret\n    })\n    const fieldValue = computed(() => {\n      const model = elForm.model\n      if (!model || !props.prop) {\n        return\n      }\n\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n\n      return getPropByPath(model, path, true).v\n    })\n    const isRequired = computed(() => {\n      const rules = getRules()\n      let required = false\n\n      if (rules && rules.length) {\n        rules.every((rule) => {\n          if (rule.required) {\n            required = true\n            return false\n          }\n          return true\n        })\n      }\n      return required\n    })\n    const elFormItemSize = computed(() => props.size || elForm.size)\n    const sizeClass = computed<ComponentSize>(() => {\n      return elFormItemSize.value || $ELEMENT.size\n    })\n\n    const getRules = () => {\n      const formRules = elForm.rules\n      const selfRules = props.rules\n      const requiredRule =\n        props.required !== undefined ? { required: !!props.required } : []\n\n      const prop = getPropByPath(formRules, props.prop || '', false)\n      const normalizedRule = formRules ? prop.o[props.prop || ''] || prop.v : []\n\n      return [].concat(selfRules || normalizedRule || []).concat(requiredRule)\n    }\n\n    const updateComputedLabelWidth = (width: string | number) => {\n      computedLabelWidth.value = width ? `${width}px` : ''\n    }\n\n    const elFormItem = reactive({\n      ...toRefs(props),\n      size: sizeClass,\n      $el: formItemRef,\n      updateComputedLabelWidth,\n    })\n\n    onMounted(() => {\n      if (props.prop) {\n        const value = fieldValue.value\n        initialValue = (Array.isArray(value) ? [...value] : value) as any\n      }\n    })\n\n    provide(elFormItemKey, elFormItem as any)\n\n    const formItemClass = computed(() => [\n      {\n        'el-form-item--feedback': elForm.statusIcon,\n        'is-error': validateState.value === 'error',\n        'is-validating': validateState.value === 'validating',\n        'is-success': validateState.value === 'success',\n        'is-required': isRequired.value || props.required,\n        'is-no-asterisk': elForm.hideRequiredAsterisk,\n      },\n      sizeClass.value ? `el-form-item--${sizeClass.value}` : '',\n    ])\n\n    const shouldShowError = computed(() => {\n      return (\n        validateState.value === 'error' &&\n        props.showMessage &&\n        elForm.showMessage\n      )\n    })\n\n    return {\n      formItemRef,\n      formItemClass,\n      shouldShowError,\n      elForm,\n      labelStyle,\n      contentStyle,\n      validateMessage,\n      labelFor,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","LabelWrap","isValidComponentSize","useGlobalConfig","inject","elFormKey","ref","getCurrentInstance","computed","addUnit","getPropByPath","reactive","toRefs","elFormItemKey"],"mappings":";;;;;;;;;;;AA8DA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,eAAe;AAAA,EACf,YAAY;AAAA,eACVC;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,IACN,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO,CAAC,QAAQ;AAAA,IAChB,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA;AAAA,IAEb,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAGV,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,WAAWC;AAEjB,UAAM,SAASC,WAAOC,gBAAW;AACjC,UAAM,gBAAgBC,QAAI;AAC1B,UAAM,kBAAkBA,QAAI;AAE5B,UAAM,qBAAqBA,QAAI;AAE/B,UAAM,cAAcA;AAEpB,UAAM,KAAKC;AACX,UAAM,WAAWC,aAAS,MAAM;AAC9B,UAAI,SAAS,GAAG;AAChB,aAAO,UAAU,OAAO,KAAK,SAAS,UAAU;AAC9C,YAAI,OAAO,KAAK,SAAS,cAAc;AACrC,iBAAO;AAAA;AAET,iBAAS,OAAO;AAAA;AAElB,aAAO;AAAA;AAGT,QAAI,eAAe;AAEnB,UAAM,WAAWA,aAAS,MAAM,MAAM,OAAO,MAAM;AACnD,UAAM,aAAaA,aAAS,MAAM;AAChC,YAAM,MAAqB;AAC3B,UAAI,OAAO,kBAAkB;AAAO,eAAO;AAC3C,YAAM,aAAaC,aAAQ,MAAM,cAAc,OAAO;AACtD,UAAI,YAAY;AACd,YAAI,QAAQ;AAAA;AAEd,aAAO;AAAA;AAET,UAAM,eAAeD,aAAS,MAAM;AAClC,YAAM,MAAqB;AAC3B,UAAI,OAAO,kBAAkB,SAAS,OAAO,QAAQ;AACnD,eAAO;AAAA;AAET,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc,SAAS,OAAO;AACvD,eAAO;AAAA;AAET,YAAM,aAAaC,aAAQ,MAAM,cAAc,OAAO;AACtD,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,OAAO;AAChC,YAAI,aAAa;AAAA;AAEnB,aAAO;AAAA;AAET,UAAM,aAAaD,aAAS,MAAM;AAChC,YAAM,QAAQ,OAAO;AACrB,UAAI,CAAC,SAAS,CAAC,MAAM,MAAM;AACzB;AAAA;AAGF,UAAI,OAAO,MAAM;AACjB,UAAI,KAAK,QAAQ,SAAS,IAAI;AAC5B,eAAO,KAAK,QAAQ,KAAK;AAAA;AAG3B,aAAOE,mBAAc,OAAO,MAAM,MAAM;AAAA;AAE1C,UAAM,aAAaF,aAAS,MAAM;AAChC,YAAM,QAAQ;AACd,UAAI,WAAW;AAEf,UAAI,SAAS,MAAM,QAAQ;AACzB,cAAM,MAAM,CAAC,SAAS;AACpB,cAAI,KAAK,UAAU;AACjB,uBAAW;AACX,mBAAO;AAAA;AAET,iBAAO;AAAA;AAAA;AAGX,aAAO;AAAA;AAET,UAAM,iBAAiBA,aAAS,MAAM,MAAM,QAAQ,OAAO;AAC3D,UAAM,YAAYA,aAAwB,MAAM;AAC9C,aAAO,eAAe,SAAS,SAAS;AAAA;AAG1C,UAAM,WAAW,MAAM;AACrB,YAAM,YAAY,OAAO;AACzB,YAAM,YAAY,MAAM;AACxB,YAAM,eACJ,MAAM,aAAa,SAAY,EAAE,UAAU,CAAC,CAAC,MAAM,aAAa;AAElE,YAAM,OAAOE,mBAAc,WAAW,MAAM,QAAQ,IAAI;AACxD,YAAM,iBAAiB,YAAY,KAAK,EAAE,MAAM,QAAQ,OAAO,KAAK,IAAI;AAExE,aAAO,GAAG,OAAO,aAAa,kBAAkB,IAAI,OAAO;AAAA;AAG7D,UAAM,2BAA2B,CAAC,UAA2B;AAC3D,yBAAmB,QAAQ,QAAQ,GAAG,YAAY;AAAA;AAGpD,UAAM,aAAaC,aAAS;AAAA,SACvBC,WAAO;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL;AAAA;AAGF,kBAAU,MAAM;AACd,UAAI,MAAM,MAAM;AACd,cAAM,QAAQ,WAAW;AACzB,uBAAgB,MAAM,QAAQ,SAAS,CAAC,GAAG,SAAS;AAAA;AAAA;AAIxD,gBAAQC,oBAAe;AAEvB,UAAM,gBAAgBL,aAAS,MAAM;AAAA,MACnC;AAAA,QACE,0BAA0B,OAAO;AAAA,QACjC,YAAY,cAAc,UAAU;AAAA,QACpC,iBAAiB,cAAc,UAAU;AAAA,QACzC,cAAc,cAAc,UAAU;AAAA,QACtC,eAAe,WAAW,SAAS,MAAM;AAAA,QACzC,kBAAkB,OAAO;AAAA;AAAA,MAE3B,UAAU,QAAQ,iBAAiB,UAAU,UAAU;AAAA;AAGzD,UAAM,kBAAkBA,aAAS,MAAM;AACrC,aACE,cAAc,UAAU,WACxB,MAAM,eACN,OAAO;AAAA;AAIX,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"form-item.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div ref=\"formItemRef\" class=\"el-form-item\" :class=\"formItemClass\"\n       :widget=\"widget\"\n  >\n    <LabelWrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"elForm.labelWidth === 'auto'\"\n    >\n      <label\n        v-if=\"label || $slots.label\"\n        :for=\"labelFor\"\n        class=\"el-form-item__label\"\n        :style=\"labelStyle\"\n        :widget=\"`form-item:label:${widget.split(':')[1]}`\"\n      >\n        <slot name=\"label\" :label=\"label + elForm.labelSuffix\">\n          {{ label + elForm.labelSuffix }}\n        </slot>\n      </label>\n    </LabelWrap>\n    <div class=\"el-form-item__content\" :style=\"contentStyle\"\n         :widget=\"`form-item:default:${widget.split(':')[1]}`\"\n    >\n      <slot></slot>\n      <transition name=\"el-zoom-in-top\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div\n            class=\"el-form-item__error\"\n            :class=\"{\n              'el-form-item__error--inline':\n                typeof inlineMessage === 'boolean'\n                  ? inlineMessage\n                  : elForm.inlineMessage || false,\n            }\"\n          >\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { addUnit, getPropByPath, useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { elFormItemKey, elFormKey } from '@element-ps/tokens'\nimport LabelWrap from './label-wrap'\n\nimport type { PropType, CSSProperties } from 'vue'\nimport type { ComponentSize } from '@element-ps/utils/types'\nimport type { ElFormContext } from '@element-ps/tokens'\nimport type { FormItemRule } from './form.type'\n\nexport default defineComponent({\n  name: 'PsFormItem',\n  componentName: 'PsFormItem',\n  components: {\n    LabelWrap,\n  },\n  props: {\n    label: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    prop: String,\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    rules: [Object, Array] as PropType<FormItemRule | FormItemRule[]>,\n    error: String,\n    validateStatus: String,\n    for: String,\n    inlineMessage: {\n      type: [String, Boolean],\n      default: '',\n    },\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props, { slots }) {\n    const $ELEMENT = useGlobalConfig()\n\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const validateState = ref('')\n    const validateMessage = ref('')\n\n    const computedLabelWidth = ref('')\n\n    const formItemRef = ref<HTMLDivElement>()\n\n    const vm = getCurrentInstance()\n    const isNested = computed(() => {\n      let parent = vm.parent\n      while (parent && parent.type.name !== 'PsForm') {\n        if (parent.type.name === 'PsFormItem') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    let initialValue = undefined\n\n    const labelFor = computed(() => props.for || props.prop)\n    const labelStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top') return ret\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (labelWidth) {\n        ret.width = labelWidth\n      }\n      return ret\n    })\n    const contentStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top' || elForm.inline) {\n        return ret\n      }\n      if (!props.label && !props.labelWidth && isNested.value) {\n        return ret\n      }\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (!props.label && !slots.label) {\n        ret.marginLeft = labelWidth\n      }\n      return ret\n    })\n    const fieldValue = computed(() => {\n      const model = elForm.model\n      if (!model || !props.prop) {\n        return\n      }\n\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n\n      return getPropByPath(model, path, true).v\n    })\n    const isRequired = computed(() => {\n      const rules = getRules()\n      let required = false\n\n      if (rules && rules.length) {\n        rules.every((rule) => {\n          if (rule.required) {\n            required = true\n            return false\n          }\n          return true\n        })\n      }\n      return required\n    })\n    const elFormItemSize = computed(() => props.size || elForm.size)\n    const sizeClass = computed<ComponentSize>(() => {\n      return elFormItemSize.value || $ELEMENT.size\n    })\n\n    const getRules = () => {\n      const formRules = elForm.rules\n      const selfRules = props.rules\n      const requiredRule =\n        props.required !== undefined ? { required: !!props.required } : []\n\n      const prop = getPropByPath(formRules, props.prop || '', false)\n      const normalizedRule = formRules ? prop.o[props.prop || ''] || prop.v : []\n\n      return [].concat(selfRules || normalizedRule || []).concat(requiredRule)\n    }\n\n    const updateComputedLabelWidth = (width: string | number) => {\n      computedLabelWidth.value = width ? `${width}px` : ''\n    }\n\n    const elFormItem = reactive({\n      ...toRefs(props),\n      size: sizeClass,\n      $el: formItemRef,\n      updateComputedLabelWidth,\n    })\n\n    onMounted(() => {\n      if (props.prop) {\n        const value = fieldValue.value\n        initialValue = (Array.isArray(value) ? [...value] : value) as any\n      }\n    })\n\n    provide(elFormItemKey, elFormItem as any)\n\n    const formItemClass = computed(() => [\n      {\n        'el-form-item--feedback': elForm.statusIcon,\n        'is-error': validateState.value === 'error',\n        'is-validating': validateState.value === 'validating',\n        'is-success': validateState.value === 'success',\n        'is-required': isRequired.value || props.required,\n        'is-no-asterisk': elForm.hideRequiredAsterisk,\n      },\n      sizeClass.value ? `el-form-item--${sizeClass.value}` : '',\n    ])\n\n    const shouldShowError = computed(() => {\n      return (\n        validateState.value === 'error' &&\n        props.showMessage &&\n        elForm.showMessage\n      )\n    })\n\n    return {\n      formItemRef,\n      formItemClass,\n      shouldShowError,\n      elForm,\n      labelStyle,\n      contentStyle,\n      validateMessage,\n      labelFor,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","LabelWrap","isValidComponentSize","useGlobalConfig","inject","elFormKey","ref","getCurrentInstance","computed","addUnit","getPropByPath","reactive","toRefs","elFormItemKey"],"mappings":"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"}

package/lib/packages/components/form/src/form-item.vue_vue&type=template&id=24eda48b&lang.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-const _hoisted_1 = ["for", "widget"];
-const _hoisted_2 = ["widget"];
+const _hoisted_1 = ["widget"];
+const _hoisted_2 = ["for", "widget"];
+const _hoisted_3 = ["widget"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LabelWrap = vue.resolveComponent("LabelWrap");
   return vue.openBlock(), vue.createElementBlock("div", {
     ref: "formItemRef",
-    class: vue.normalizeClass(["el-form-item", _ctx.formItemClass])
+    class: vue.normalizeClass(["el-form-item", _ctx.formItemClass]),
+    widget: _ctx.widget
   }, [
     vue.createVNode(_component_LabelWrap, {
       "is-auto-width": _ctx.labelStyle.width === "auto",
@@ -22,21 +24,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           for: _ctx.labelFor,
           class: "el-form-item__label",
           style: vue.normalizeStyle(_ctx.labelStyle),
-          widget: _ctx.widget
+          widget: `form-item:label:${_ctx.widget.split(":")[1]}`
         }, [
           vue.renderSlot(_ctx.$slots, "label", {
             label: _ctx.label + _ctx.elForm.labelSuffix
           }, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label + _ctx.elForm.labelSuffix), 1)
           ])
-        ], 12, _hoisted_1)) : vue.createCommentVNode("v-if", true)
+        ], 12, _hoisted_2)) : vue.createCommentVNode("v-if", true)
       ]),
       _: 3
     }, 8, ["is-auto-width", "update-all"]),
     vue.createElementVNode("div", {
       class: "el-form-item__content",
       style: vue.normalizeStyle(_ctx.contentStyle),
-      widget: _ctx.widget
+      widget: `form-item:default:${_ctx.widget.split(":")[1]}`
     }, [
       vue.renderSlot(_ctx.$slots, "default"),
       vue.createVNode(vue.Transition, { name: "el-zoom-in-top" }, {
@@ -54,8 +56,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3
       })
-    ], 12, _hoisted_2)
-  ], 2);
+    ], 12, _hoisted_3)
+  ], 10, _hoisted_1);
 }
 
 exports.render = render;

package/lib/packages/components/form/src/form-item.vue_vue&type=template&id=24eda48b&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.vue_vue&type=template&id=24eda48b&lang.js","sources":["../../../../../../../packages/components/form/src/form-item.vue?vue&type=template&id=24eda48b&lang.js"],"sourcesContent":["<template>\n  <div ref=\"formItemRef\" class=\"el-form-item\" :class=\"formItemClass\">\n    <LabelWrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"elForm.labelWidth === 'auto'\"\n    >\n      <label\n        v-if=\"label || $slots.label\"\n        :for=\"labelFor\"\n        class=\"el-form-item__label\"\n        :style=\"labelStyle\"\n        :widget=\"widget\"\n      >\n        <slot name=\"label\" :label=\"label + elForm.labelSuffix\">\n          {{ label + elForm.labelSuffix }}\n        </slot>\n      </label>\n    </LabelWrap>\n    <div class=\"el-form-item__content\" :style=\"contentStyle\" :widget=\"widget\">\n      <slot></slot>\n      <transition name=\"el-zoom-in-top\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div\n            class=\"el-form-item__error\"\n            :class=\"{\n              'el-form-item__error--inline':\n                typeof inlineMessage === 'boolean'\n                  ? inlineMessage\n                  : elForm.inlineMessage || false,\n            }\"\n          >\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { addUnit, getPropByPath, useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { elFormItemKey, elFormKey } from '@element-ps/tokens'\nimport LabelWrap from './label-wrap'\n\nimport type { PropType, CSSProperties } from 'vue'\nimport type { ComponentSize } from '@element-ps/utils/types'\nimport type { ElFormContext } from '@element-ps/tokens'\nimport type { FormItemRule } from './form.type'\n\nexport default defineComponent({\n  name: 'PsFormItem',\n  componentName: 'PsFormItem',\n  components: {\n    LabelWrap,\n  },\n  props: {\n    label: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    prop: String,\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    rules: [Object, Array] as PropType<FormItemRule | FormItemRule[]>,\n    error: String,\n    validateStatus: String,\n    for: String,\n    inlineMessage: {\n      type: [String, Boolean],\n      default: '',\n    },\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props, { slots }) {\n    const $ELEMENT = useGlobalConfig()\n\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const validateState = ref('')\n    const validateMessage = ref('')\n\n    const computedLabelWidth = ref('')\n\n    const formItemRef = ref<HTMLDivElement>()\n\n    const vm = getCurrentInstance()\n    const isNested = computed(() => {\n      let parent = vm.parent\n      while (parent && parent.type.name !== 'PsForm') {\n        if (parent.type.name === 'PsFormItem') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    let initialValue = undefined\n\n    const labelFor = computed(() => props.for || props.prop)\n    const labelStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top') return ret\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (labelWidth) {\n        ret.width = labelWidth\n      }\n      return ret\n    })\n    const contentStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top' || elForm.inline) {\n        return ret\n      }\n      if (!props.label && !props.labelWidth && isNested.value) {\n        return ret\n      }\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (!props.label && !slots.label) {\n        ret.marginLeft = labelWidth\n      }\n      return ret\n    })\n    const fieldValue = computed(() => {\n      const model = elForm.model\n      if (!model || !props.prop) {\n        return\n      }\n\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n\n      return getPropByPath(model, path, true).v\n    })\n    const isRequired = computed(() => {\n      const rules = getRules()\n      let required = false\n\n      if (rules && rules.length) {\n        rules.every((rule) => {\n          if (rule.required) {\n            required = true\n            return false\n          }\n          return true\n        })\n      }\n      return required\n    })\n    const elFormItemSize = computed(() => props.size || elForm.size)\n    const sizeClass = computed<ComponentSize>(() => {\n      return elFormItemSize.value || $ELEMENT.size\n    })\n\n    const getRules = () => {\n      const formRules = elForm.rules\n      const selfRules = props.rules\n      const requiredRule =\n        props.required !== undefined ? { required: !!props.required } : []\n\n      const prop = getPropByPath(formRules, props.prop || '', false)\n      const normalizedRule = formRules ? prop.o[props.prop || ''] || prop.v : []\n\n      return [].concat(selfRules || normalizedRule || []).concat(requiredRule)\n    }\n\n    const updateComputedLabelWidth = (width: string | number) => {\n      computedLabelWidth.value = width ? `${width}px` : ''\n    }\n\n    const elFormItem = reactive({\n      ...toRefs(props),\n      size: sizeClass,\n      $el: formItemRef,\n      updateComputedLabelWidth,\n    })\n\n    onMounted(() => {\n      if (props.prop) {\n        const value = fieldValue.value\n        initialValue = (Array.isArray(value) ? [...value] : value) as any\n      }\n    })\n\n    provide(elFormItemKey, elFormItem as any)\n\n    const formItemClass = computed(() => [\n      {\n        'el-form-item--feedback': elForm.statusIcon,\n        'is-error': validateState.value === 'error',\n        'is-validating': validateState.value === 'validating',\n        'is-success': validateState.value === 'success',\n        'is-required': isRequired.value || props.required,\n        'is-no-asterisk': elForm.hideRequiredAsterisk,\n      },\n      sizeClass.value ? `el-form-item--${sizeClass.value}` : '',\n    ])\n\n    const shouldShowError = computed(() => {\n      return (\n        validateState.value === 'error' &&\n        props.showMessage &&\n        elForm.showMessage\n      )\n    })\n\n    return {\n      formItemRef,\n      formItemClass,\n      shouldShowError,\n      elForm,\n      labelStyle,\n      contentStyle,\n      validateMessage,\n      labelFor,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;0BACEA;IAAK,KAAI;AAAA,IAAc,2BAAM,gBAAuB;;IAClDC;MACG,iBAAe,gBAAW;MAC1B,cAAY,YAAO;;2BAEpB;QACQ,cAAS,YAAO,0BADxBD;;UAEG,KAAK;UACN,OAAM;AAAA,UACL,0BAAO;UACP,QAAQ;;UAETE;YAAoB,OAAO,aAAQ,YAAO;AAAA,aAA1C;oDACK,aAAQ,YAAO;;;;;;IAIxBC;MAAK,OAAM;AAAA,MAAyB,0BAAO;MAAe,QAAQ;;MAChED;MACAD,kCAAY,MAAK;6BACf;UAAY,uBAAZC;;YAA2C,OAAO;aAAlD;YACEC;cACE,2BAAM;;;mCAQH;;;;;;;;;;;"}
+{"version":3,"file":"form-item.vue_vue&type=template&id=24eda48b&lang.js","sources":["../../../../../../../packages/components/form/src/form-item.vue?vue&type=template&id=24eda48b&lang.js"],"sourcesContent":["<template>\n  <div ref=\"formItemRef\" class=\"el-form-item\" :class=\"formItemClass\"\n       :widget=\"widget\"\n  >\n    <LabelWrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"elForm.labelWidth === 'auto'\"\n    >\n      <label\n        v-if=\"label || $slots.label\"\n        :for=\"labelFor\"\n        class=\"el-form-item__label\"\n        :style=\"labelStyle\"\n        :widget=\"`form-item:label:${widget.split(':')[1]}`\"\n      >\n        <slot name=\"label\" :label=\"label + elForm.labelSuffix\">\n          {{ label + elForm.labelSuffix }}\n        </slot>\n      </label>\n    </LabelWrap>\n    <div class=\"el-form-item__content\" :style=\"contentStyle\"\n         :widget=\"`form-item:default:${widget.split(':')[1]}`\"\n    >\n      <slot></slot>\n      <transition name=\"el-zoom-in-top\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div\n            class=\"el-form-item__error\"\n            :class=\"{\n              'el-form-item__error--inline':\n                typeof inlineMessage === 'boolean'\n                  ? inlineMessage\n                  : elForm.inlineMessage || false,\n            }\"\n          >\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { addUnit, getPropByPath, useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { elFormItemKey, elFormKey } from '@element-ps/tokens'\nimport LabelWrap from './label-wrap'\n\nimport type { PropType, CSSProperties } from 'vue'\nimport type { ComponentSize } from '@element-ps/utils/types'\nimport type { ElFormContext } from '@element-ps/tokens'\nimport type { FormItemRule } from './form.type'\n\nexport default defineComponent({\n  name: 'PsFormItem',\n  componentName: 'PsFormItem',\n  components: {\n    LabelWrap,\n  },\n  props: {\n    label: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    prop: String,\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    rules: [Object, Array] as PropType<FormItemRule | FormItemRule[]>,\n    error: String,\n    validateStatus: String,\n    for: String,\n    inlineMessage: {\n      type: [String, Boolean],\n      default: '',\n    },\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    widget: {\n      type: String,\n    },\n  },\n  setup(props, { slots }) {\n    const $ELEMENT = useGlobalConfig()\n\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const validateState = ref('')\n    const validateMessage = ref('')\n\n    const computedLabelWidth = ref('')\n\n    const formItemRef = ref<HTMLDivElement>()\n\n    const vm = getCurrentInstance()\n    const isNested = computed(() => {\n      let parent = vm.parent\n      while (parent && parent.type.name !== 'PsForm') {\n        if (parent.type.name === 'PsFormItem') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    let initialValue = undefined\n\n    const labelFor = computed(() => props.for || props.prop)\n    const labelStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top') return ret\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (labelWidth) {\n        ret.width = labelWidth\n      }\n      return ret\n    })\n    const contentStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top' || elForm.inline) {\n        return ret\n      }\n      if (!props.label && !props.labelWidth && isNested.value) {\n        return ret\n      }\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (!props.label && !slots.label) {\n        ret.marginLeft = labelWidth\n      }\n      return ret\n    })\n    const fieldValue = computed(() => {\n      const model = elForm.model\n      if (!model || !props.prop) {\n        return\n      }\n\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n\n      return getPropByPath(model, path, true).v\n    })\n    const isRequired = computed(() => {\n      const rules = getRules()\n      let required = false\n\n      if (rules && rules.length) {\n        rules.every((rule) => {\n          if (rule.required) {\n            required = true\n            return false\n          }\n          return true\n        })\n      }\n      return required\n    })\n    const elFormItemSize = computed(() => props.size || elForm.size)\n    const sizeClass = computed<ComponentSize>(() => {\n      return elFormItemSize.value || $ELEMENT.size\n    })\n\n    const getRules = () => {\n      const formRules = elForm.rules\n      const selfRules = props.rules\n      const requiredRule =\n        props.required !== undefined ? { required: !!props.required } : []\n\n      const prop = getPropByPath(formRules, props.prop || '', false)\n      const normalizedRule = formRules ? prop.o[props.prop || ''] || prop.v : []\n\n      return [].concat(selfRules || normalizedRule || []).concat(requiredRule)\n    }\n\n    const updateComputedLabelWidth = (width: string | number) => {\n      computedLabelWidth.value = width ? `${width}px` : ''\n    }\n\n    const elFormItem = reactive({\n      ...toRefs(props),\n      size: sizeClass,\n      $el: formItemRef,\n      updateComputedLabelWidth,\n    })\n\n    onMounted(() => {\n      if (props.prop) {\n        const value = fieldValue.value\n        initialValue = (Array.isArray(value) ? [...value] : value) as any\n      }\n    })\n\n    provide(elFormItemKey, elFormItem as any)\n\n    const formItemClass = computed(() => [\n      {\n        'el-form-item--feedback': elForm.statusIcon,\n        'is-error': validateState.value === 'error',\n        'is-validating': validateState.value === 'validating',\n        'is-success': validateState.value === 'success',\n        'is-required': isRequired.value || props.required,\n        'is-no-asterisk': elForm.hideRequiredAsterisk,\n      },\n      sizeClass.value ? `el-form-item--${sizeClass.value}` : '',\n    ])\n\n    const shouldShowError = computed(() => {\n      return (\n        validateState.value === 'error' &&\n        props.showMessage &&\n        elForm.showMessage\n      )\n    })\n\n    return {\n      formItemRef,\n      formItemClass,\n      shouldShowError,\n      elForm,\n      labelStyle,\n      contentStyle,\n      validateMessage,\n      labelFor,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;;0BACEA;IAAK,KAAI;AAAA,IAAc,2BAAM,gBAAuB;IAC9C,QAAQ;;IAEZC;MACG,iBAAe,gBAAW;MAC1B,cAAY,YAAO;;2BAEpB;QACQ,cAAS,YAAO,0BADxBD;;UAEG,KAAK;UACN,OAAM;AAAA,UACL,0BAAO;UACP,2BAA2B,YAAO;;UAEnCE;YAAoB,OAAO,aAAQ,YAAO;AAAA,aAA1C;oDACK,aAAQ,YAAO;;;;;;IAIxBC;MAAK,OAAM;AAAA,MAAyB,0BAAO;MACrC,6BAA6B,YAAO;;MAExCD;MACAD,kCAAY,MAAK;6BACf;UAAY,uBAAZC;;YAA2C,OAAO;aAAlD;YACEC;cACE,2BAAM;;;mCAQH;;;;;;;;;;;"}

package/lib/packages/components/icon/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/icon.js');
-var icon = require('./src/icon2.js');
+require('./src/icon2.js');
+var icon = require('./src/icon.js');
 var icon_vue_vue_type_script_lang = require('./src/icon.vue_vue&type=script&lang.js');
 
 const PsIcon = withInstall.withInstall(icon_vue_vue_type_script_lang["default"]);

package/lib/packages/components/icon/src/icon.js

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var icon_vue_vue_type_script_lang = require('./icon.vue_vue&type=script&lang.js');
-var icon_vue_vue_type_template_id_89b755b6_lang = require('./icon.vue_vue&type=template&id=89b755b6&lang.js');
+var props = require('../../../utils/props.js');
 
-icon_vue_vue_type_script_lang["default"].render = icon_vue_vue_type_template_id_89b755b6_lang.render;
-icon_vue_vue_type_script_lang["default"].__file = "packages/components/icon/src/icon.vue";
+const iconProps = props.buildProps({
+  size: {
+    type: props.definePropType([Number, String])
+  },
+  color: {
+    type: String
+  }
+});
 
-exports["default"] = icon_vue_vue_type_script_lang["default"];
+exports.iconProps = iconProps;
 //# sourceMappingURL=icon.js.map

package/lib/packages/components/icon/src/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"icon.js","sources":["../../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { definePropType, buildProps } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = buildProps({\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAGa,YAAYA,iBAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAMC,qBAAgC,CAAC,QAAQ;AAAA;AAAA,EAEjD,OAAO;AAAA,IACL,MAAM;AAAA;AAAA;;;;"}

package/lib/packages/components/icon/src/icon.vue_vue&type=script&lang.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var util = require('../../../utils/util.js');
-var icon = require('./icon2.js');
+var icon = require('./icon.js');
 var shared = require('@vue/shared');
 
 var script = vue.defineComponent({

package/lib/packages/components/icon/src/icon2.js

@@ -2,16 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var icon_vue_vue_type_script_lang = require('./icon.vue_vue&type=script&lang.js');
+var icon_vue_vue_type_template_id_89b755b6_lang = require('./icon.vue_vue&type=template&id=89b755b6&lang.js');
 
-const iconProps = props.buildProps({
-  size: {
-    type: props.definePropType([Number, String])
-  },
-  color: {
-    type: String
-  }
-});
+icon_vue_vue_type_script_lang["default"].render = icon_vue_vue_type_template_id_89b755b6_lang.render;
+icon_vue_vue_type_script_lang["default"].__file = "packages/components/icon/src/icon.vue";
 
-exports.iconProps = iconProps;
+exports["default"] = icon_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=icon2.js.map

package/lib/packages/components/icon/src/icon2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.js","sources":["../../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { definePropType, buildProps } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = buildProps({\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAGa,YAAYA,iBAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAMC,qBAAgC,CAAC,QAAQ;AAAA;AAAA,EAEjD,OAAO;AAAA,IACL,MAAM;AAAA;AAAA;;;;"}
+{"version":3,"file":"icon2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}