element-ps 1.0.11 → 1.0.15

package/es/index.mjs

@@ -4,14 +4,14 @@ import './packages/components/index.mjs';
 import './packages/hooks/index.mjs';
 import './packages/tokens/index.mjs';
 export { default as makeInstaller } from './make-installer.mjs';
-export { affixProps } from './packages/components/affix/src/affix2.mjs';
+export { affixProps } from './packages/components/affix/src/affix.mjs';
 export { PsAffix } from './packages/components/affix/index.mjs';
 export { alertProps } from './packages/components/alert/src/alert2.mjs';
 export { PsAlert } from './packages/components/alert/index.mjs';
 export { PsAutocomplete } from './packages/components/autocomplete/index.mjs';
 export { avatarProps } from './packages/components/avatar/src/avatar2.mjs';
 export { PsAvatar } from './packages/components/avatar/index.mjs';
-export { backtopProps } from './packages/components/backtop/src/backtop.mjs';
+export { backtopProps } from './packages/components/backtop/src/backtop2.mjs';
 export { PsBacktop } from './packages/components/backtop/index.mjs';
 export { badgeProps } from './packages/components/badge/src/badge.mjs';
 export { PsBadge } from './packages/components/badge/index.mjs';
@@ -46,18 +46,18 @@ export { dividerProps } from './packages/components/divider/src/divider.mjs';
 export { PsDivider } from './packages/components/divider/index.mjs';
 export { PsDrawer } from './packages/components/drawer/index.mjs';
 export { PsDropdown, PsDropdownItem, PsDropdownMenu } from './packages/components/dropdown/index.mjs';
-export { emptyProps } from './packages/components/empty/src/empty2.mjs';
+export { emptyProps } from './packages/components/empty/src/empty.mjs';
 export { PsEmpty } from './packages/components/empty/index.mjs';
 export { PsForm, PsFormItem } from './packages/components/form/index.mjs';
 export { iconProps } from './packages/components/icon/src/icon.mjs';
 export { PsIcon } from './packages/components/icon/index.mjs';
 export { imageEmits, imageProps } from './packages/components/image/src/image.mjs';
 export { PsImage } from './packages/components/image/index.mjs';
-export { imageViewerProps } from './packages/components/image-viewer/src/image-viewer.mjs';
+export { imageViewerProps } from './packages/components/image-viewer/src/image-viewer2.mjs';
 export { PsImageViewer } from './packages/components/image-viewer/index.mjs';
 export { inputProps } from './packages/components/input/src/input.mjs';
 export { PsInput } from './packages/components/input/index.mjs';
-export { inputNumberProps } from './packages/components/input-number/src/input-number2.mjs';
+export { inputNumberProps } from './packages/components/input-number/src/input-number.mjs';
 export { PsInputNumber } from './packages/components/input-number/index.mjs';
 export { linkProps } from './packages/components/link/src/link.mjs';
 export { PsLink } from './packages/components/link/index.mjs';
@@ -82,6 +82,7 @@ export { default as renderArrow } from './packages/components/popper/src/rendere
 export { PsPopper } from './packages/components/popper/index.mjs';
 export { PsProgress } from './packages/components/progress/index.mjs';
 export { PsRadio, PsRadioButton, PsRadioGroup } from './packages/components/radio/index.mjs';
+export { rateEmits, rateProps } from './packages/components/rate/src/rate.mjs';
 export { PsRate } from './packages/components/rate/index.mjs';
 export { PsResult } from './packages/components/result/index.mjs';
 export { PsRow } from './packages/components/row/index.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/element-ps/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-ps/components'\nexport * from '@element-ps/hooks'\nexport * from '@element-ps/tokens'\n\nexport { default as makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQa,UAAU,UAAU;MACpB,UAAU,UAAU;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/element-ps/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-ps/components'\nexport * from '@element-ps/hooks'\nexport * from '@element-ps/tokens'\n\nexport { default as makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQa,UAAU,UAAU;MACpB,UAAU,UAAU;;;;"}

package/es/packages/components/affix/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/affix.mjs';
-export { affixProps } from './src/affix2.mjs';
+import './src/affix2.mjs';
+export { affixProps } from './src/affix.mjs';
 import script from './src/affix.vue_vue&type=script&lang.mjs';
 
 const PsAffix = withInstall(script);

package/es/packages/components/affix/src/affix.mjs

@@ -1,7 +1,24 @@
-import script from './affix.vue_vue&type=script&lang.mjs';
-export { default } from './affix.vue_vue&type=script&lang.mjs';
-import { render } from './affix.vue_vue&type=template&id=0745df9e&lang.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/affix/src/affix.vue";
+const affixProps = buildProps({
+  zIndex: {
+    type: definePropType([Number, String]),
+    default: 100
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  position: {
+    type: String,
+    values: ["top", "bottom"],
+    default: "top"
+  }
+});
+
+export { affixProps };
 //# sourceMappingURL=affix.mjs.map

package/es/packages/components/affix/src/affix.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"affix.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"affix.mjs","sources":["../../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n"],"names":[],"mappings":";;MAKa,aAAa,WAAW;AAAA,EACnC,QAAQ;AAAA,IACN,MAAM,eAA+B,CAAC,QAAQ;AAAA,IAC9C,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,OAAO;AAAA,IAChB,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/affix/src/affix.vue_vue&type=script&lang.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, shallowRef, reactive, computed, onMounted } from 'vue';
-import { affixProps } from './affix2.mjs';
+import { affixProps } from './affix.mjs';
 
 var script = defineComponent({
   name: "PsAffix",

package/es/packages/components/affix/src/affix2.mjs

@@ -1,24 +1,7 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import script from './affix.vue_vue&type=script&lang.mjs';
+export { default } from './affix.vue_vue&type=script&lang.mjs';
+import { render } from './affix.vue_vue&type=template&id=0745df9e&lang.mjs';
 
-const affixProps = buildProps({
-  zIndex: {
-    type: definePropType([Number, String]),
-    default: 100
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  position: {
-    type: String,
-    values: ["top", "bottom"],
-    default: "top"
-  }
-});
-
-export { affixProps };
+script.render = render;
+script.__file = "packages/components/affix/src/affix.vue";
 //# sourceMappingURL=affix2.mjs.map

package/es/packages/components/affix/src/affix2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"affix2.mjs","sources":["../../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n"],"names":[],"mappings":";;MAKa,aAAa,WAAW;AAAA,EACnC,QAAQ;AAAA,IACN,MAAM,eAA+B,CAAC,QAAQ;AAAA,IAC9C,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,OAAO;AAAA,IAChB,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"affix2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/backtop/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/backtop2.mjs';
-export { backtopProps } from './src/backtop.mjs';
+import './src/backtop.mjs';
+export { backtopProps } from './src/backtop2.mjs';
 import script from './src/backtop.vue_vue&type=script&lang.mjs';
 
 const PsBacktop = withInstall(script);

package/es/packages/components/backtop/src/backtop.mjs

@@ -1,21 +1,7 @@
-const backtopProps = {
-  visibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  right: {
-    type: Number,
-    default: 40
-  },
-  bottom: {
-    type: Number,
-    default: 40
-  }
-};
+import script from './backtop.vue_vue&type=script&lang.mjs';
+export { default } from './backtop.vue_vue&type=script&lang.mjs';
+import { render } from './backtop.vue_vue&type=template&id=63a7fea6&lang.mjs';
 
-export { backtopProps };
+script.render = render;
+script.__file = "packages/components/backtop/src/backtop.vue";
 //# sourceMappingURL=backtop.mjs.map

package/es/packages/components/backtop/src/backtop.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop.mjs","sources":["../../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  right: {\n    type: Number,\n    default: 40,\n  },\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n"],"names":[],"mappings":"MAEa,eAAe;AAAA,EAC1B,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"backtop.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/backtop/src/backtop.vue_vue&type=script&lang.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, computed, onMounted } from 'vue';
 import { throwError } from '../../../utils/error.mjs';
-import { backtopProps } from './backtop.mjs';
+import { backtopProps } from './backtop2.mjs';
 import { PsIcon } from '../../icon/index.mjs';
 import { CaretTop } from '@element-plus/icons';
 

package/es/packages/components/backtop/src/backtop2.mjs

@@ -1,7 +1,21 @@
-import script from './backtop.vue_vue&type=script&lang.mjs';
-export { default } from './backtop.vue_vue&type=script&lang.mjs';
-import { render } from './backtop.vue_vue&type=template&id=63a7fea6&lang.mjs';
+const backtopProps = {
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  right: {
+    type: Number,
+    default: 40
+  },
+  bottom: {
+    type: Number,
+    default: 40
+  }
+};
 
-script.render = render;
-script.__file = "packages/components/backtop/src/backtop.vue";
+export { backtopProps };
 //# sourceMappingURL=backtop2.mjs.map

package/es/packages/components/backtop/src/backtop2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"backtop2.mjs","sources":["../../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  right: {\n    type: Number,\n    default: 40,\n  },\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n"],"names":[],"mappings":"MAEa,eAAe;AAAA,EAC1B,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/cascader/src/index.vue_vue&type=script&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n          'el-cascader',\n          realSize && `el-cascader--${realSize}`,\n          { 'is-disabled': isDisabled },\n        ]\"\n  >\n    <ps-input\n      ref='input'\n      v-model.trim='inputValue'\n      :placeholder='inputPlaceholder'\n      :readonly='readonly'\n      :disabled='isDisabled'\n      :validate-event='false'\n      :size='realSize'\n      :class=\"{ 'is-focus': popperVisible }\"\n    >\n      <template #suffix>\n        <ps-icon\n          v-if='clearBtnVisible'\n          key='clear'\n          class='el-input__icon icon-circle-close'\n        >\n          <circle-close />\n        </ps-icon>\n        <ps-icon\n          v-else\n          key='arrow-down'\n          :class=\"[\n                'el-input__icon',\n                'icon-arrow-down',\n              ]\"\n        >\n          <arrow-down />\n        </ps-icon>\n      </template>\n    </ps-input>\n\n    <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n      <ps-tag\n        v-for='tag in presentTags'\n        :key='tag.key'\n        type='info'\n        :size='tagSize'\n        :hit='tag.hitState'\n        :closable='tag.closable'\n        disable-transitions\n      >\n        <span>{{ tag.text }}</span>\n      </ps-tag>\n      <input\n        v-if='filterable && !isDisabled'\n        v-model.trim='searchInputValue'\n        type='text'\n        class='el-cascader__search-input'\n        :placeholder=\"presentText ? '' : inputPlaceholder\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang='ts'>\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onMounted,\n  ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n  CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n  CascaderNode,\n  Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n  medium: 36,\n  small: 32,\n  mini: 28\n}\n\nexport default defineComponent({\n  name: 'PsCascader',\n  components: {\n    PsInput,\n    PsTag,\n    PsIcon,\n    CircleClose,\n    Check,\n    ArrowDown\n  },\n  props: {\n    ...CommonProps,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize\n    },\n    placeholder: {\n      type: String\n    },\n    disabled: Boolean,\n    clearable: Boolean,\n    filterable: Boolean,\n    filterMethod: {\n      type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n      default: (node: CascaderNode, keyword: string) =>\n        node.text.includes(keyword)\n    },\n    separator: {\n      type: String,\n      default: ' / '\n    },\n    showAllLevels: {\n      type: Boolean,\n      default: true\n    },\n    collapseTags: Boolean,\n    debounce: {\n      type: Number,\n      default: 300\n    },\n    beforeFilter: {\n      type: Function as PropType<(value: string) => boolean | Promise<any>>,\n      default: () => true\n    },\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    popperAppendToBody: {\n      type: Boolean,\n      default: true\n    },\n    widget: {\n      type: String\n    }\n  },\n  setup(props) {\n    let inputInitialHeight = 0\n\n    const { t } = useLocaleInject()\n    const $ELEMENT = useGlobalConfig()\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const input: Ref<inputType | null> = ref(null)\n    const tagWrapper = ref(null)\n    const panel: Ref<cascaderPanelType | null> = ref(null)\n    const inputHover = ref(false)\n    const filtering = ref(false)\n    const inputValue = ref('')\n    const searchInputValue = ref('')\n    const presentTags: Ref<Tag[]> = ref([])\n\n    const isDisabled = computed(() => props.disabled || elForm.disabled)\n    const inputPlaceholder = computed(\n      () => props.placeholder || t('el.cascader.placeholder')\n    )\n    const realSize: ComputedRef<ComponentSize> = computed(\n      () => props.size || elFormItem.size || $ELEMENT.size\n    )\n    const tagSize = computed(() =>\n      ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n    )\n    const multiple = computed(() => !!props.props.multiple)\n    const readonly = computed(() => !props.filterable || multiple.value)\n\n    const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n      () => panel.value?.checkedNodes || []\n    )\n    const clearBtnVisible = computed(() => {\n      if (\n        !props.clearable ||\n        isDisabled.value ||\n        filtering.value ||\n        !inputHover.value\n      )\n        return false\n\n      return !!checkedNodes.value.length\n    })\n    const presentText = computed(() => {\n      const { showAllLevels, separator } = props\n      const nodes = checkedNodes.value\n      return nodes.length\n        ? multiple.value\n          ? ' '\n          : nodes[0].calcText(showAllLevels, separator)\n        : ''\n    })\n\n    onMounted(() => {\n      const inputEl = input.value?.$el\n      inputInitialHeight =\n        inputEl?.offsetHeight ||\n        INPUT_HEIGHT_MAP[realSize.value] ||\n        DEFAULT_INPUT_HEIGHT\n    })\n\n    return {\n      input,\n      tagWrapper,\n      inputPlaceholder,\n      presentText,\n      inputValue,\n      searchInputValue,\n      presentTags,\n      isDisabled,\n      realSize,\n      tagSize,\n      multiple,\n      readonly,\n      clearBtnVisible,\n    }\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgGA,MAAM,uBAAuB;AAE7B,MAAM,mBAAmB;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,IACH,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAEb,aAAa;AAAA,MACX,MAAM;AAAA;AAAA,IAER,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,CAAC,MAAoB,YAC5B,KAAK,KAAK,SAAS;AAAA;AAAA,IAEvB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAGV,MAAM,OAAO;AACX,QAAI,qBAAqB;AAEzB,UAAM,EAAE,MAAM;AACd,UAAM,WAAW;AACjB,UAAM,SAAS,OAAO,WAAW;AACjC,UAAM,aAAa,OAAO,eAAe;AAEzC,UAAM,QAA+B,IAAI;AACzC,UAAM,aAAa,IAAI;AACvB,UAAM,QAAuC,IAAI;AACjD,UAAM,aAAa,IAAI;AACvB,UAAM,YAAY,IAAI;AACtB,UAAM,aAAa,IAAI;AACvB,UAAM,mBAAmB,IAAI;AAC7B,UAAM,cAA0B,IAAI;AAEpC,UAAM,aAAa,SAAS,MAAM,MAAM,YAAY,OAAO;AAC3D,UAAM,mBAAmB,SACvB,MAAM,MAAM,eAAe,EAAE;AAE/B,UAAM,WAAuC,SAC3C,MAAM,MAAM,QAAQ,WAAW,QAAQ,SAAS;AAElD,UAAM,UAAU,SAAS,MACvB,CAAC,SAAS,QAAQ,SAAS,SAAS,SAAS,SAAS;AAExD,UAAM,WAAW,SAAS,MAAM,CAAC,CAAC,MAAM,MAAM;AAC9C,UAAM,WAAW,SAAS,MAAM,CAAC,MAAM,cAAc,SAAS;AAE9D,UAAM,eAA4C,SAChD,MAAG;;AAAG,0BAAM,UAAN,mBAAa,iBAAgB;AAAA;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,UACE,CAAC,MAAM,aACP,WAAW,SACX,UAAU,SACV,CAAC,WAAW;AAEZ,eAAO;AAET,aAAO,CAAC,CAAC,aAAa,MAAM;AAAA;AAE9B,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,EAAE,eAAe,cAAc;AACrC,YAAM,QAAQ,aAAa;AAC3B,aAAO,MAAM,SACT,SAAS,QACP,MACA,MAAM,GAAG,SAAS,eAAe,aACnC;AAAA;AAGN,cAAU,MAAM;;AACd,YAAM,UAAU,YAAM,UAAN,mBAAa;AAC7B,2BACE,oCAAS,iBACT,iBAAiB,SAAS,UAC1B;AAAA;AAGJ,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n          'el-cascader',\n          realSize && `el-cascader--${realSize}`,\n          { 'is-disabled': isDisabled },\n        ]\"\n    :widget=\"widget\"\n  >\n    <ps-input\n      ref='input'\n      v-model.trim='inputValue'\n      :placeholder='inputPlaceholder'\n      :readonly='readonly'\n      :disabled='isDisabled'\n      :validate-event='false'\n      :size='realSize'\n      :class=\"{ 'is-focus': popperVisible }\"\n    >\n      <template #suffix>\n        <ps-icon\n          v-if='clearBtnVisible'\n          key='clear'\n          class='el-input__icon icon-circle-close'\n        >\n          <circle-close />\n        </ps-icon>\n        <ps-icon\n          v-else\n          key='arrow-down'\n          :class=\"[\n                'el-input__icon',\n                'icon-arrow-down',\n              ]\"\n        >\n          <arrow-down />\n        </ps-icon>\n      </template>\n    </ps-input>\n\n    <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n      <ps-tag\n        v-for='tag in presentTags'\n        :key='tag.key'\n        type='info'\n        :size='tagSize'\n        :hit='tag.hitState'\n        :closable='tag.closable'\n        disable-transitions\n      >\n        <span>{{ tag.text }}</span>\n      </ps-tag>\n      <input\n        v-if='filterable && !isDisabled'\n        v-model.trim='searchInputValue'\n        type='text'\n        class='el-cascader__search-input'\n        :placeholder=\"presentText ? '' : inputPlaceholder\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang='ts'>\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onMounted,\n  ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n  CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n  CascaderNode,\n  Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n  medium: 36,\n  small: 32,\n  mini: 28\n}\n\nexport default defineComponent({\n  name: 'PsCascader',\n  components: {\n    PsInput,\n    PsTag,\n    PsIcon,\n    CircleClose,\n    Check,\n    ArrowDown\n  },\n  props: {\n    ...CommonProps,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize\n    },\n    placeholder: {\n      type: String\n    },\n    disabled: Boolean,\n    clearable: Boolean,\n    filterable: Boolean,\n    filterMethod: {\n      type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n      default: (node: CascaderNode, keyword: string) =>\n        node.text.includes(keyword)\n    },\n    separator: {\n      type: String,\n      default: ' / '\n    },\n    showAllLevels: {\n      type: Boolean,\n      default: true\n    },\n    collapseTags: Boolean,\n    debounce: {\n      type: Number,\n      default: 300\n    },\n    beforeFilter: {\n      type: Function as PropType<(value: string) => boolean | Promise<any>>,\n      default: () => true\n    },\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    popperAppendToBody: {\n      type: Boolean,\n      default: true\n    },\n    widget: {\n      type: String\n    }\n  },\n  setup(props) {\n    let inputInitialHeight = 0\n\n    const { t } = useLocaleInject()\n    const $ELEMENT = useGlobalConfig()\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const input: Ref<inputType | null> = ref(null)\n    const tagWrapper = ref(null)\n    const panel: Ref<cascaderPanelType | null> = ref(null)\n    const inputHover = ref(false)\n    const filtering = ref(false)\n    const inputValue = ref('')\n    const searchInputValue = ref('')\n    const presentTags: Ref<Tag[]> = ref([])\n\n    const isDisabled = computed(() => props.disabled || elForm.disabled)\n    const inputPlaceholder = computed(\n      () => props.placeholder || t('el.cascader.placeholder')\n    )\n    const realSize: ComputedRef<ComponentSize> = computed(\n      () => props.size || elFormItem.size || $ELEMENT.size\n    )\n    const tagSize = computed(() =>\n      ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n    )\n    const multiple = computed(() => !!props.props.multiple)\n    const readonly = computed(() => !props.filterable || multiple.value)\n\n    const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n      () => panel.value?.checkedNodes || []\n    )\n    const clearBtnVisible = computed(() => {\n      if (\n        !props.clearable ||\n        isDisabled.value ||\n        filtering.value ||\n        !inputHover.value\n      )\n        return false\n\n      return !!checkedNodes.value.length\n    })\n    const presentText = computed(() => {\n      const { showAllLevels, separator } = props\n      const nodes = checkedNodes.value\n      return nodes.length\n        ? multiple.value\n          ? ' '\n          : nodes[0].calcText(showAllLevels, separator)\n        : ''\n    })\n\n    onMounted(() => {\n      const inputEl = input.value?.$el\n      inputInitialHeight =\n        inputEl?.offsetHeight ||\n        INPUT_HEIGHT_MAP[realSize.value] ||\n        DEFAULT_INPUT_HEIGHT\n    })\n\n    return {\n      input,\n      tagWrapper,\n      inputPlaceholder,\n      presentText,\n      inputValue,\n      searchInputValue,\n      presentTags,\n      isDisabled,\n      realSize,\n      tagSize,\n      multiple,\n      readonly,\n      clearBtnVisible,\n    }\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiGA,MAAM,uBAAuB;AAE7B,MAAM,mBAAmB;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,IACH,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAEb,aAAa;AAAA,MACX,MAAM;AAAA;AAAA,IAER,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,CAAC,MAAoB,YAC5B,KAAK,KAAK,SAAS;AAAA;AAAA,IAEvB,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,IACd,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAGV,MAAM,OAAO;AACX,QAAI,qBAAqB;AAEzB,UAAM,EAAE,MAAM;AACd,UAAM,WAAW;AACjB,UAAM,SAAS,OAAO,WAAW;AACjC,UAAM,aAAa,OAAO,eAAe;AAEzC,UAAM,QAA+B,IAAI;AACzC,UAAM,aAAa,IAAI;AACvB,UAAM,QAAuC,IAAI;AACjD,UAAM,aAAa,IAAI;AACvB,UAAM,YAAY,IAAI;AACtB,UAAM,aAAa,IAAI;AACvB,UAAM,mBAAmB,IAAI;AAC7B,UAAM,cAA0B,IAAI;AAEpC,UAAM,aAAa,SAAS,MAAM,MAAM,YAAY,OAAO;AAC3D,UAAM,mBAAmB,SACvB,MAAM,MAAM,eAAe,EAAE;AAE/B,UAAM,WAAuC,SAC3C,MAAM,MAAM,QAAQ,WAAW,QAAQ,SAAS;AAElD,UAAM,UAAU,SAAS,MACvB,CAAC,SAAS,QAAQ,SAAS,SAAS,SAAS,SAAS;AAExD,UAAM,WAAW,SAAS,MAAM,CAAC,CAAC,MAAM,MAAM;AAC9C,UAAM,WAAW,SAAS,MAAM,CAAC,MAAM,cAAc,SAAS;AAE9D,UAAM,eAA4C,SAChD,MAAG;;AAAG,0BAAM,UAAN,mBAAa,iBAAgB;AAAA;AAErC,UAAM,kBAAkB,SAAS,MAAM;AACrC,UACE,CAAC,MAAM,aACP,WAAW,SACX,UAAU,SACV,CAAC,WAAW;AAEZ,eAAO;AAET,aAAO,CAAC,CAAC,aAAa,MAAM;AAAA;AAE9B,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,EAAE,eAAe,cAAc;AACrC,YAAM,QAAQ,aAAa;AAC3B,aAAO,MAAM,SACT,SAAS,QACP,MACA,MAAM,GAAG,SAAS,eAAe,aACnC;AAAA;AAGN,cAAU,MAAM;;AACd,YAAM,UAAU,YAAM,UAAN,mBAAa;AAC7B,2BACE,oCAAS,iBACT,iBAAiB,SAAS,UAC1B;AAAA;AAGJ,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.mjs

@@ -1,11 +1,12 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createBlock, Fragment, renderList, createElementVNode, toDisplayString, withDirectives, vModelText, createCommentVNode } from 'vue';
 
-const _hoisted_1 = {
+const _hoisted_1 = ["widget"];
+const _hoisted_2 = {
   key: 0,
   ref: "tagWrapper",
   class: "el-cascader__tags"
 };
-const _hoisted_2 = ["placeholder"];
+const _hoisted_3 = ["placeholder"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_ps_icon = resolveComponent("ps-icon");
@@ -17,7 +18,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "el-cascader",
       _ctx.realSize && `el-cascader--${_ctx.realSize}`,
       { "is-disabled": _ctx.isDisabled }
-    ])
+    ]),
+    widget: _ctx.widget
   }, [
     createVNode(_component_ps_input, {
       ref: "input",
@@ -55,7 +57,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
-    _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
         return openBlock(), createBlock(_component_ps_tag, {
           key: tag.key,
@@ -77,7 +79,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         type: "text",
         class: "el-cascader__search-input",
         placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder
-      }, null, 8, _hoisted_2)), [
+      }, null, 8, _hoisted_3)), [
         [
           vModelText,
           _ctx.searchInputValue,
@@ -86,7 +88,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]
       ]) : createCommentVNode("v-if", true)
     ], 512)) : createCommentVNode("v-if", true)
-  ], 2);
+  ], 10, _hoisted_1);
 }
 
 export { render };

package/es/packages/components/cascader/src/index.vue_vue&type=template&id=0429c2db&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=template&id=0429c2db&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue?vue&type=template&id=0429c2db&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n          'el-cascader',\n          realSize && `el-cascader--${realSize}`,\n          { 'is-disabled': isDisabled },\n        ]\"\n  >\n    <ps-input\n      ref='input'\n      v-model.trim='inputValue'\n      :placeholder='inputPlaceholder'\n      :readonly='readonly'\n      :disabled='isDisabled'\n      :validate-event='false'\n      :size='realSize'\n      :class=\"{ 'is-focus': popperVisible }\"\n    >\n      <template #suffix>\n        <ps-icon\n          v-if='clearBtnVisible'\n          key='clear'\n          class='el-input__icon icon-circle-close'\n        >\n          <circle-close />\n        </ps-icon>\n        <ps-icon\n          v-else\n          key='arrow-down'\n          :class=\"[\n                'el-input__icon',\n                'icon-arrow-down',\n              ]\"\n        >\n          <arrow-down />\n        </ps-icon>\n      </template>\n    </ps-input>\n\n    <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n      <ps-tag\n        v-for='tag in presentTags'\n        :key='tag.key'\n        type='info'\n        :size='tagSize'\n        :hit='tag.hitState'\n        :closable='tag.closable'\n        disable-transitions\n      >\n        <span>{{ tag.text }}</span>\n      </ps-tag>\n      <input\n        v-if='filterable && !isDisabled'\n        v-model.trim='searchInputValue'\n        type='text'\n        class='el-cascader__search-input'\n        :placeholder=\"presentText ? '' : inputPlaceholder\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang='ts'>\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onMounted,\n  ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n  CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n  CascaderNode,\n  Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n  medium: 36,\n  small: 32,\n  mini: 28\n}\n\nexport default defineComponent({\n  name: 'PsCascader',\n  components: {\n    PsInput,\n    PsTag,\n    PsIcon,\n    CircleClose,\n    Check,\n    ArrowDown\n  },\n  props: {\n    ...CommonProps,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize\n    },\n    placeholder: {\n      type: String\n    },\n    disabled: Boolean,\n    clearable: Boolean,\n    filterable: Boolean,\n    filterMethod: {\n      type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n      default: (node: CascaderNode, keyword: string) =>\n        node.text.includes(keyword)\n    },\n    separator: {\n      type: String,\n      default: ' / '\n    },\n    showAllLevels: {\n      type: Boolean,\n      default: true\n    },\n    collapseTags: Boolean,\n    debounce: {\n      type: Number,\n      default: 300\n    },\n    beforeFilter: {\n      type: Function as PropType<(value: string) => boolean | Promise<any>>,\n      default: () => true\n    },\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    popperAppendToBody: {\n      type: Boolean,\n      default: true\n    },\n    widget: {\n      type: String\n    }\n  },\n  setup(props) {\n    let inputInitialHeight = 0\n\n    const { t } = useLocaleInject()\n    const $ELEMENT = useGlobalConfig()\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const input: Ref<inputType | null> = ref(null)\n    const tagWrapper = ref(null)\n    const panel: Ref<cascaderPanelType | null> = ref(null)\n    const inputHover = ref(false)\n    const filtering = ref(false)\n    const inputValue = ref('')\n    const searchInputValue = ref('')\n    const presentTags: Ref<Tag[]> = ref([])\n\n    const isDisabled = computed(() => props.disabled || elForm.disabled)\n    const inputPlaceholder = computed(\n      () => props.placeholder || t('el.cascader.placeholder')\n    )\n    const realSize: ComputedRef<ComponentSize> = computed(\n      () => props.size || elFormItem.size || $ELEMENT.size\n    )\n    const tagSize = computed(() =>\n      ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n    )\n    const multiple = computed(() => !!props.props.multiple)\n    const readonly = computed(() => !props.filterable || multiple.value)\n\n    const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n      () => panel.value?.checkedNodes || []\n    )\n    const clearBtnVisible = computed(() => {\n      if (\n        !props.clearable ||\n        isDisabled.value ||\n        filtering.value ||\n        !inputHover.value\n      )\n        return false\n\n      return !!checkedNodes.value.length\n    })\n    const presentText = computed(() => {\n      const { showAllLevels, separator } = props\n      const nodes = checkedNodes.value\n      return nodes.length\n        ? multiple.value\n          ? ' '\n          : nodes[0].calcText(showAllLevels, separator)\n        : ''\n    })\n\n    onMounted(() => {\n      const inputEl = input.value?.$el\n      inputInitialHeight =\n        inputEl?.offsetHeight ||\n        INPUT_HEIGHT_MAP[realSize.value] ||\n        DEFAULT_INPUT_HEIGHT\n    })\n\n    return {\n      input,\n      tagWrapper,\n      inputPlaceholder,\n      presentText,\n      inputValue,\n      searchInputValue,\n      presentTags,\n      isDisabled,\n      realSize,\n      tagSize,\n      multiple,\n      readonly,\n      clearBtnVisible,\n    }\n  }\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock","_createElementVNode"],"mappings":";;;;EAuCyB,KAAI;AAAA,EAAa,OAAM;AAAA;;;;;;;;sBAtC9CA;IACG;;;;;;IAMDC;MACE,KAAI;AAAA,kBACU;mEAAA;sBAAd;MACC,aAAa;MACb,UAAU;MACV,UAAU;MACV,kBAAgB;AAAA,MAChB,MAAM;MACN,oCAAqB;;MAEX,gBACT;QACQ,qCADRC;UAEE,KAAI;AAAA,UACJ,OAAM;AAAA;2BAEN;YAAAD;;;4BAEFC;UAEE,KAAI;AAAA,UACH,sBAAO;AAAA;;;;2BAKR;YAAAD;;;;;;;IAKK,8BAAXD,0BAAA;wBACEA,8CACgB,mBAAP;4BADTE;UAEG,KAAK,IAAI;AAAA,UACV,MAAK;AAAA,UACJ,MAAM;UACN,KAAK,IAAI;AAAA,UACT,UAAU,IAAI;AAAA,UACf,uBAAA;AAAA;2BAEA;YAAAC,iDAAS,IAAI;;;;;MAGP,oBAAe,+CADvBH;;qEAEgB;QACd,MAAK;AAAA,QACL,OAAM;AAAA,QACL,aAAa,wBAAmB;;;;UAHnB;;kBAAd;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"index.vue_vue&type=template&id=0429c2db&lang.mjs","sources":["../../../../../../../packages/components/cascader/src/index.vue?vue&type=template&id=0429c2db&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n          'el-cascader',\n          realSize && `el-cascader--${realSize}`,\n          { 'is-disabled': isDisabled },\n        ]\"\n    :widget=\"widget\"\n  >\n    <ps-input\n      ref='input'\n      v-model.trim='inputValue'\n      :placeholder='inputPlaceholder'\n      :readonly='readonly'\n      :disabled='isDisabled'\n      :validate-event='false'\n      :size='realSize'\n      :class=\"{ 'is-focus': popperVisible }\"\n    >\n      <template #suffix>\n        <ps-icon\n          v-if='clearBtnVisible'\n          key='clear'\n          class='el-input__icon icon-circle-close'\n        >\n          <circle-close />\n        </ps-icon>\n        <ps-icon\n          v-else\n          key='arrow-down'\n          :class=\"[\n                'el-input__icon',\n                'icon-arrow-down',\n              ]\"\n        >\n          <arrow-down />\n        </ps-icon>\n      </template>\n    </ps-input>\n\n    <div v-if='multiple' ref='tagWrapper' class='el-cascader__tags'>\n      <ps-tag\n        v-for='tag in presentTags'\n        :key='tag.key'\n        type='info'\n        :size='tagSize'\n        :hit='tag.hitState'\n        :closable='tag.closable'\n        disable-transitions\n      >\n        <span>{{ tag.text }}</span>\n      </ps-tag>\n      <input\n        v-if='filterable && !isDisabled'\n        v-model.trim='searchInputValue'\n        type='text'\n        class='el-cascader__search-input'\n        :placeholder=\"presentText ? '' : inputPlaceholder\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang='ts'>\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onMounted,\n  ref,\n} from 'vue'\n\nimport PsCascaderPanel, {\n  CommonProps\n} from '@element-ps/components/cascader-panel'\nimport PsInput from '@element-ps/components/input'\nimport PsTag from '@element-ps/components/tag'\nimport PsIcon from '@element-ps/components/icon'\n\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useLocaleInject } from '@element-ps/hooks'\n\nimport { useGlobalConfig } from '@element-ps/utils/util'\nimport { isValidComponentSize } from '@element-ps/utils/validators'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons'\n\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-ps/tokens'\nimport type {\n  CascaderNode,\n  Tag\n} from '@element-ps/components/cascader-panel'\nimport type { ComponentSize } from '@element-ps/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof PsCascaderPanel>\ntype inputType = InstanceType<typeof PsInput>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n  medium: 36,\n  small: 32,\n  mini: 28\n}\n\nexport default defineComponent({\n  name: 'PsCascader',\n  components: {\n    PsInput,\n    PsTag,\n    PsIcon,\n    CircleClose,\n    Check,\n    ArrowDown\n  },\n  props: {\n    ...CommonProps,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize\n    },\n    placeholder: {\n      type: String\n    },\n    disabled: Boolean,\n    clearable: Boolean,\n    filterable: Boolean,\n    filterMethod: {\n      type: Function as PropType<(node: CascaderNode, keyword: string) => boolean>,\n      default: (node: CascaderNode, keyword: string) =>\n        node.text.includes(keyword)\n    },\n    separator: {\n      type: String,\n      default: ' / '\n    },\n    showAllLevels: {\n      type: Boolean,\n      default: true\n    },\n    collapseTags: Boolean,\n    debounce: {\n      type: Number,\n      default: 300\n    },\n    beforeFilter: {\n      type: Function as PropType<(value: string) => boolean | Promise<any>>,\n      default: () => true\n    },\n    popperClass: {\n      type: String,\n      default: ''\n    },\n    popperAppendToBody: {\n      type: Boolean,\n      default: true\n    },\n    widget: {\n      type: String\n    }\n  },\n  setup(props) {\n    let inputInitialHeight = 0\n\n    const { t } = useLocaleInject()\n    const $ELEMENT = useGlobalConfig()\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const input: Ref<inputType | null> = ref(null)\n    const tagWrapper = ref(null)\n    const panel: Ref<cascaderPanelType | null> = ref(null)\n    const inputHover = ref(false)\n    const filtering = ref(false)\n    const inputValue = ref('')\n    const searchInputValue = ref('')\n    const presentTags: Ref<Tag[]> = ref([])\n\n    const isDisabled = computed(() => props.disabled || elForm.disabled)\n    const inputPlaceholder = computed(\n      () => props.placeholder || t('el.cascader.placeholder')\n    )\n    const realSize: ComputedRef<ComponentSize> = computed(\n      () => props.size || elFormItem.size || $ELEMENT.size\n    )\n    const tagSize = computed(() =>\n      ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\n    )\n    const multiple = computed(() => !!props.props.multiple)\n    const readonly = computed(() => !props.filterable || multiple.value)\n\n    const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n      () => panel.value?.checkedNodes || []\n    )\n    const clearBtnVisible = computed(() => {\n      if (\n        !props.clearable ||\n        isDisabled.value ||\n        filtering.value ||\n        !inputHover.value\n      )\n        return false\n\n      return !!checkedNodes.value.length\n    })\n    const presentText = computed(() => {\n      const { showAllLevels, separator } = props\n      const nodes = checkedNodes.value\n      return nodes.length\n        ? multiple.value\n          ? ' '\n          : nodes[0].calcText(showAllLevels, separator)\n        : ''\n    })\n\n    onMounted(() => {\n      const inputEl = input.value?.$el\n      inputInitialHeight =\n        inputEl?.offsetHeight ||\n        INPUT_HEIGHT_MAP[realSize.value] ||\n        DEFAULT_INPUT_HEIGHT\n    })\n\n    return {\n      input,\n      tagWrapper,\n      inputPlaceholder,\n      presentText,\n      inputValue,\n      searchInputValue,\n      presentTags,\n      isDisabled,\n      realSize,\n      tagSize,\n      multiple,\n      readonly,\n      clearBtnVisible,\n    }\n  }\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock","_createElementVNode"],"mappings":";;;;;EAwCyB,KAAI;AAAA,EAAa,OAAM;AAAA;;;;;;;;sBAvC9CA;IACG;;;;;IAKA,QAAQ;;IAETC;MACE,KAAI;AAAA,kBACU;mEAAA;sBAAd;MACC,aAAa;MACb,UAAU;MACV,UAAU;MACV,kBAAgB;AAAA,MAChB,MAAM;MACN,oCAAqB;;MAEX,gBACT;QACQ,qCADRC;UAEE,KAAI;AAAA,UACJ,OAAM;AAAA;2BAEN;YAAAD;;;4BAEFC;UAEE,KAAI;AAAA,UACH,sBAAO;AAAA;;;;2BAKR;YAAAD;;;;;;;IAKK,8BAAXD,0BAAA;wBACEA,8CACgB,mBAAP;4BADTE;UAEG,KAAK,IAAI;AAAA,UACV,MAAK;AAAA,UACJ,MAAM;UACN,KAAK,IAAI;AAAA,UACT,UAAU,IAAI;AAAA,UACf,uBAAA;AAAA;2BAEA;YAAAC,iDAAS,IAAI;;;;;MAGP,oBAAe,+CADvBH;;qEAEgB;QACd,MAAK;AAAA,QACL,OAAM;AAAA,QACL,aAAa,wBAAmB;;;;UAHnB;;kBAAd;AAAA;AAAA;;;;;;;"}

package/es/packages/components/descriptions/src/description-item.mjs

@@ -34,6 +34,9 @@ var DescriptionsItem = defineComponent({
     labelClassName: {
       type: String,
       default: ""
+    },
+    widget: {
+      type: String
     }
   }
 });

package/es/packages/components/descriptions/src/description-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"description-item.mjs","sources":["../../../../../../../packages/components/descriptions/src/description-item.ts"],"sourcesContent":["import { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'PsDescriptionsItem',\n  props: {\n    label: {\n      type: String,\n      default: '',\n    },\n    span: {\n      type: Number,\n      default: 1,\n    },\n    width: {\n      type: [String, Number],\n      default: '',\n    },\n    minWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    align: {\n      type: String,\n      default: 'left',\n    },\n    labelAlign: {\n      type: String,\n      default: '',\n    },\n    className: {\n      type: String,\n      default: '',\n    },\n    labelClassName: {\n      type: String,\n      default: '',\n    },\n  },\n})\n"],"names":[],"mappings":";;AAEA,uBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"description-item.mjs","sources":["../../../../../../../packages/components/descriptions/src/description-item.ts"],"sourcesContent":["import { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'PsDescriptionsItem',\n  props: {\n    label: {\n      type: String,\n      default: '',\n    },\n    span: {\n      type: Number,\n      default: 1,\n    },\n    width: {\n      type: [String, Number],\n      default: '',\n    },\n    minWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    align: {\n      type: String,\n      default: 'left',\n    },\n    labelAlign: {\n      type: String,\n      default: '',\n    },\n    className: {\n      type: String,\n      default: '',\n    },\n    labelClassName: {\n      type: String,\n      default: '',\n    },\n    widget: {\n      type: String,\n    }\n  },\n})\n"],"names":[],"mappings":";;AAEA,uBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/descriptions/src/descriptions-cell.mjs

@@ -47,7 +47,8 @@ var PsDescriptionsCell = defineComponent({
             labelAlign,
             labelClassName
           ],
-          colSpan: this.descriptions.direction === "vertical" ? span : 1
+          colSpan: this.descriptions.direction === "vertical" ? span : 1,
+          widget: item.widget
         }, label);
       case "content":
         return h(this.tag, {

package/es/packages/components/descriptions/src/descriptions-cell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-cell.mjs","sources":["../../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-ps/utils/util'\nimport { getNormalizedProps } from '@element-ps/utils/vnode'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n  IDescriptionsInject,\n  IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n  name: 'PsDescriptionsCell',\n  props: {\n    cell: {\n      type: Object,\n    },\n    tag: {\n      type: String,\n    },\n    type: {\n      type: String,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n  render() {\n    const item = getNormalizedProps(\n      this.cell as VNode\n    ) as IDescriptionsItemInject\n\n    const label = this.cell?.children?.label?.() || item.label\n    const content = this.cell?.children?.default?.()\n    const span = item.span\n    const align = item.align ? `is-${item.align}` : ''\n    const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n    const className = item.className\n    const labelClassName = item.labelClassName\n    const style = {\n      width: addUnit(item.width),\n      minWidth: addUnit(item.minWidth),\n    }\n\n    switch (this.type) {\n      case 'label':\n        return h(\n          this.tag as string,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__label',\n              { 'is-bordered-label': this.descriptions.border },\n              labelAlign,\n              labelClassName,\n            ],\n            colSpan: this.descriptions.direction === 'vertical' ? span : 1,\n          },\n          label\n        )\n      case 'content':\n        return h(\n          this.tag as string,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__content',\n              align,\n              className,\n            ],\n            colSpan:\n              this.descriptions.direction === 'vertical' ? span : span * 2 - 1,\n          },\n          content\n        )\n      default:\n        return h(\n          'td',\n          {\n            style,\n            class: ['el-descriptions__cell', align],\n            colSpan: span,\n          },\n          [\n            h(\n              'span',\n              {\n                class: ['el-descriptions__label', labelClassName],\n              },\n              label\n            ),\n            h(\n              'span',\n              {\n                class: ['el-descriptions__content', className],\n              },\n              content\n            ),\n          ]\n        )\n    }\n  },\n})\n"],"names":[],"mappings":";;;;;AAWA,yBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA,IAER,KAAK;AAAA,MACH,MAAM;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA,EAGV,QAAQ;AACN,UAAM,eAAe,OAAO,mBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA,EAGJ,SAAS;AA/BX;AAgCI,UAAM,OAAO,mBACX,KAAK;AAGP,UAAM,QAAQ,wBAAK,SAAL,mBAAW,aAAX,mBAAqB,UAArB,gCAAkC,KAAK;AACrD,UAAM,UAAU,uBAAK,SAAL,mBAAW,aAAX,mBAAqB,YAArB;AAChB,UAAM,OAAO,KAAK;AAClB,UAAM,QAAQ,KAAK,QAAQ,MAAM,KAAK,UAAU;AAChD,UAAM,aAAa,KAAK,aAAa,MAAM,KAAK,eAAqB;AACrE,UAAM,YAAY,KAAK;AACvB,UAAM,iBAAiB,KAAK;AAC5B,UAAM,QAAQ;AAAA,MACZ,OAAO,QAAQ,KAAK;AAAA,MACpB,UAAU,QAAQ,KAAK;AAAA;AAGzB,YAAQ,KAAK;AAAA,WACN;AACH,eAAO,EACL,KAAK,KACL;AAAA,UACE;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA,EAAE,qBAAqB,KAAK,aAAa;AAAA,YACzC;AAAA,YACA;AAAA;AAAA,UAEF,SAAS,KAAK,aAAa,cAAc,aAAa,OAAO;AAAA,WAE/D;AAAA,WAEC;AACH,eAAO,EACL,KAAK,KACL;AAAA,UACE;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UAEF,SACE,KAAK,aAAa,cAAc,aAAa,OAAO,OAAO,IAAI;AAAA,WAEnE;AAAA;AAGF,eAAO,EACL,MACA;AAAA,UACE;AAAA,UACA,OAAO,CAAC,yBAAyB;AAAA,UACjC,SAAS;AAAA,WAEX;AAAA,UACE,EACE,QACA;AAAA,YACE,OAAO,CAAC,0BAA0B;AAAA,aAEpC;AAAA,UAEF,EACE,QACA;AAAA,YACE,OAAO,CAAC,4BAA4B;AAAA,aAEtC;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"descriptions-cell.mjs","sources":["../../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-ps/utils/util'\nimport { getNormalizedProps } from '@element-ps/utils/vnode'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n  IDescriptionsInject,\n  IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n  name: 'PsDescriptionsCell',\n  props: {\n    cell: {\n      type: Object,\n    },\n    tag: {\n      type: String,\n    },\n    type: {\n      type: String,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n  render() {\n    const item = getNormalizedProps(\n      this.cell as VNode\n    ) as IDescriptionsItemInject\n\n    const label = this.cell?.children?.label?.() || item.label\n    const content = this.cell?.children?.default?.()\n    const span = item.span\n    const align = item.align ? `is-${item.align}` : ''\n    const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n    const className = item.className\n    const labelClassName = item.labelClassName\n    const style = {\n      width: addUnit(item.width),\n      minWidth: addUnit(item.minWidth),\n    }\n\n    switch (this.type) {\n      case 'label':\n        return h(\n          this.tag as string,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__label',\n              { 'is-bordered-label': this.descriptions.border },\n              labelAlign,\n              labelClassName,\n            ],\n            colSpan: this.descriptions.direction === 'vertical' ? span : 1,\n            widget: item.widget\n          },\n          label\n        )\n      case 'content':\n        return h(\n          this.tag as string,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__content',\n              align,\n              className,\n            ],\n            colSpan:\n              this.descriptions.direction === 'vertical' ? span : span * 2 - 1,\n          },\n          content\n        )\n      default:\n        return h(\n          'td',\n          {\n            style,\n            class: ['el-descriptions__cell', align],\n            colSpan: span,\n          },\n          [\n            h(\n              'span',\n              {\n                class: ['el-descriptions__label', labelClassName],\n              },\n              label\n            ),\n            h(\n              'span',\n              {\n                class: ['el-descriptions__content', className],\n              },\n              content\n            ),\n          ]\n        )\n    }\n  },\n})\n"],"names":[],"mappings":";;;;;AAWA,yBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA,IAER,KAAK;AAAA,MACH,MAAM;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA,EAGV,QAAQ;AACN,UAAM,eAAe,OAAO,mBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA,EAGJ,SAAS;AA/BX;AAgCI,UAAM,OAAO,mBACX,KAAK;AAGP,UAAM,QAAQ,wBAAK,SAAL,mBAAW,aAAX,mBAAqB,UAArB,gCAAkC,KAAK;AACrD,UAAM,UAAU,uBAAK,SAAL,mBAAW,aAAX,mBAAqB,YAArB;AAChB,UAAM,OAAO,KAAK;AAClB,UAAM,QAAQ,KAAK,QAAQ,MAAM,KAAK,UAAU;AAChD,UAAM,aAAa,KAAK,aAAa,MAAM,KAAK,eAAqB;AACrE,UAAM,YAAY,KAAK;AACvB,UAAM,iBAAiB,KAAK;AAC5B,UAAM,QAAQ;AAAA,MACZ,OAAO,QAAQ,KAAK;AAAA,MACpB,UAAU,QAAQ,KAAK;AAAA;AAGzB,YAAQ,KAAK;AAAA,WACN;AACH,eAAO,EACL,KAAK,KACL;AAAA,UACE;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA,EAAE,qBAAqB,KAAK,aAAa;AAAA,YACzC;AAAA,YACA;AAAA;AAAA,UAEF,SAAS,KAAK,aAAa,cAAc,aAAa,OAAO;AAAA,UAC7D,QAAQ,KAAK;AAAA,WAEf;AAAA,WAEC;AACH,eAAO,EACL,KAAK,KACL;AAAA,UACE;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UAEF,SACE,KAAK,aAAa,cAAc,aAAa,OAAO,OAAO,IAAI;AAAA,WAEnE;AAAA;AAGF,eAAO,EACL,MACA;AAAA,UACE;AAAA,UACA,OAAO,CAAC,yBAAyB;AAAA,UACjC,SAAS;AAAA,WAEX;AAAA,UACE,EACE,QACA;AAAA,YACE,OAAO,CAAC,0BAA0B;AAAA,aAEpC;AAAA,UAEF,EACE,QACA;AAAA,YACE,OAAO,CAAC,4BAA4B;AAAA,aAEtC;AAAA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/empty/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/empty.mjs';
-export { emptyProps } from './src/empty2.mjs';
+import './src/empty2.mjs';
+export { emptyProps } from './src/empty.mjs';
 import script from './src/empty.vue_vue&type=script&lang.mjs';
 
 const PsEmpty = withInstall(script);

package/es/packages/components/empty/src/empty.mjs

@@ -1,7 +1,14 @@
-import script from './empty.vue_vue&type=script&lang.mjs';
-export { default } from './empty.vue_vue&type=script&lang.mjs';
-import { render } from './empty.vue_vue&type=template&id=10d211eb&lang.mjs';
+const emptyProps = {
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
+  }
+};
 
-script.render = render;
-script.__file = "packages/components/empty/src/empty.vue";
+export { emptyProps };
 //# sourceMappingURL=empty.mjs.map

package/es/packages/components/empty/src/empty.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"empty.mjs","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/es/packages/components/empty/src/empty.vue_vue&type=script&lang.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import '../../../hooks/index.mjs';
 import './img-empty.mjs';
-import { emptyProps } from './empty2.mjs';
+import { emptyProps } from './empty.mjs';
 import script$1 from './img-empty.vue_vue&type=script&lang.mjs';
 import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
 

package/es/packages/components/empty/src/empty2.mjs

@@ -1,14 +1,7 @@
-const emptyProps = {
-  image: {
-    type: String,
-    default: ""
-  },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
-  }
-};
+import script from './empty.vue_vue&type=script&lang.mjs';
+export { default } from './empty.vue_vue&type=script&lang.mjs';
+import { render } from './empty.vue_vue&type=template&id=10d211eb&lang.mjs';
 
-export { emptyProps };
+script.render = render;
+script.__file = "packages/components/empty/src/empty.vue";
 //# sourceMappingURL=empty2.mjs.map

package/es/packages/components/empty/src/empty2.mjs.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"form-item.vue_vue&type=script&lang.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"form-item.vue_vue&type=script&lang.mjs","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":[],"mappings":"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"}

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

@@ -1,12 +1,14 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, Transition } from '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 = resolveComponent("LabelWrap");
   return openBlock(), createElementBlock("div", {
     ref: "formItemRef",
-    class: normalizeClass(["el-form-item", _ctx.formItemClass])
+    class: normalizeClass(["el-form-item", _ctx.formItemClass]),
+    widget: _ctx.widget
   }, [
     createVNode(_component_LabelWrap, {
       "is-auto-width": _ctx.labelStyle.width === "auto",
@@ -18,21 +20,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           for: _ctx.labelFor,
           class: "el-form-item__label",
           style: normalizeStyle(_ctx.labelStyle),
-          widget: _ctx.widget
+          widget: `form-item:label:${_ctx.widget.split(":")[1]}`
         }, [
           renderSlot(_ctx.$slots, "label", {
             label: _ctx.label + _ctx.elForm.labelSuffix
           }, () => [
             createTextVNode(toDisplayString(_ctx.label + _ctx.elForm.labelSuffix), 1)
           ])
-        ], 12, _hoisted_1)) : createCommentVNode("v-if", true)
+        ], 12, _hoisted_2)) : createCommentVNode("v-if", true)
       ]),
       _: 3
     }, 8, ["is-auto-width", "update-all"]),
     createElementVNode("div", {
       class: "el-form-item__content",
       style: normalizeStyle(_ctx.contentStyle),
-      widget: _ctx.widget
+      widget: `form-item:default:${_ctx.widget.split(":")[1]}`
     }, [
       renderSlot(_ctx.$slots, "default"),
       createVNode(Transition, { name: "el-zoom-in-top" }, {
@@ -50,8 +52,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3
       })
-    ], 12, _hoisted_2)
-  ], 2);
+    ], 12, _hoisted_3)
+  ], 10, _hoisted_1);
 }
 
 export { render };