element-ps 1.0.13 → 1.0.16

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.js","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":["defineComponent","PsInput","PsTag","PsIcon","CircleClose","Check","ArrowDown","CommonProps","isValidComponentSize","useLocaleInject","useGlobalConfig","inject","elFormKey","elFormItemKey","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;AAgGA,MAAM,uBAAuB;AAE7B,MAAM,mBAAmB;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,aACVC;AAAA,WACAC;AAAA,YACAC;AAAA,iBACAC;AAAA,WACAC;AAAA,eACAC;AAAA;AAAA,EAEF,OAAO;AAAA,OACFC;AAAA,IACH,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;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,MAAMC;AACd,UAAM,WAAWC;AACjB,UAAM,SAASC,WAAOC,gBAAW;AACjC,UAAM,aAAaD,WAAOE,oBAAe;AAEzC,UAAM,QAA+BC,QAAI;AACzC,UAAM,aAAaA,QAAI;AACvB,UAAM,QAAuCA,QAAI;AACjD,UAAM,aAAaA,QAAI;AACvB,UAAM,YAAYA,QAAI;AACtB,UAAM,aAAaA,QAAI;AACvB,UAAM,mBAAmBA,QAAI;AAC7B,UAAM,cAA0BA,QAAI;AAEpC,UAAM,aAAaC,aAAS,MAAM,MAAM,YAAY,OAAO;AAC3D,UAAM,mBAAmBA,aACvB,MAAM,MAAM,eAAe,EAAE;AAE/B,UAAM,WAAuCA,aAC3C,MAAM,MAAM,QAAQ,WAAW,QAAQ,SAAS;AAElD,UAAM,UAAUA,aAAS,MACvB,CAAC,SAAS,QAAQ,SAAS,SAAS,SAAS,SAAS;AAExD,UAAM,WAAWA,aAAS,MAAM,CAAC,CAAC,MAAM,MAAM;AAC9C,UAAM,WAAWA,aAAS,MAAM,CAAC,MAAM,cAAc,SAAS;AAE9D,UAAM,eAA4CA,aAChD,MAAG;;AAAG,0BAAM,UAAN,mBAAa,iBAAgB;AAAA;AAErC,UAAM,kBAAkBA,aAAS,MAAM;AACrC,UACE,CAAC,MAAM,aACP,WAAW,SACX,UAAU,SACV,CAAC,WAAW;AAEZ,eAAO;AAET,aAAO,CAAC,CAAC,aAAa,MAAM;AAAA;AAE9B,UAAM,cAAcA,aAAS,MAAM;AACjC,YAAM,EAAE,eAAe,cAAc;AACrC,YAAM,QAAQ,aAAa;AAC3B,aAAO,MAAM,SACT,SAAS,QACP,MACA,MAAM,GAAG,SAAS,eAAe,aACnC;AAAA;AAGN,kBAAU,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.js","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":["defineComponent","PsInput","PsTag","PsIcon","CircleClose","Check","ArrowDown","CommonProps","isValidComponentSize","useLocaleInject","useGlobalConfig","inject","elFormKey","elFormItemKey","ref","computed"],"mappings":"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"}

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

@@ -4,12 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('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 = vue.resolveComponent("circle-close");
   const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -21,7 +22,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "el-cascader",
       _ctx.realSize && `el-cascader--${_ctx.realSize}`,
       { "is-disabled": _ctx.isDisabled }
-    ])
+    ]),
+    widget: _ctx.widget
   }, [
     vue.createVNode(_component_ps_input, {
       ref: "input",
@@ -59,7 +61,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
-    _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
         return vue.openBlock(), vue.createBlock(_component_ps_tag, {
           key: tag.key,
@@ -81,7 +83,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)), [
         [
           vue.vModelText,
           _ctx.searchInputValue,
@@ -90,7 +92,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]
       ]) : vue.createCommentVNode("v-if", true)
     ], 512)) : vue.createCommentVNode("v-if", true)
-  ], 2);
+  ], 10, _hoisted_1);
 }
 
 exports.render = render;

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=template&id=0429c2db&lang.js","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;;;;;;;;0BAtC9CA;IACG;;;;;;IAMDC;MACE,KAAI;AAAA,kBACU;mEAAA;sBAAd;MACC,aAAa;MACb,UAAU;MACV,UAAU;MACV,kBAAgB;AAAA,MAChB,MAAM;MACN,wCAAqB;;MAEX,oBACT;QACQ,yCADRC;UAEE,KAAI;AAAA,UACJ,OAAM;AAAA;+BAEN;YAAAD;;;gCAEFC;UAEE,KAAI;AAAA,UACH,0BAAO;AAAA;;;;+BAKR;YAAAD;;;;;;;IAKK,kCAAXD,8BAAA;4BACEA,0DACgB,mBAAP;gCADTE;UAEG,KAAK,IAAI;AAAA,UACV,MAAK;AAAA,UACJ,MAAM;UACN,KAAK,IAAI;AAAA,UACT,UAAU,IAAI;AAAA,UACf,uBAAA;AAAA;+BAEA;YAAAC,yDAAS,IAAI;;;;;MAGP,oBAAe,uDADvBH;;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.js","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;;;;;;;;0BAvC9CA;IACG;;;;;IAKA,QAAQ;;IAETC;MACE,KAAI;AAAA,kBACU;mEAAA;sBAAd;MACC,aAAa;MACb,UAAU;MACV,UAAU;MACV,kBAAgB;AAAA,MAChB,MAAM;MACN,wCAAqB;;MAEX,oBACT;QACQ,yCADRC;UAEE,KAAI;AAAA,UACJ,OAAM;AAAA;+BAEN;YAAAD;;;gCAEFC;UAEE,KAAI;AAAA,UACH,0BAAO;AAAA;;;;+BAKR;YAAAD;;;;;;;IAKK,kCAAXD,8BAAA;4BACEA,0DACgB,mBAAP;gCADTE;UAEG,KAAK,IAAI;AAAA,UACV,MAAK;AAAA,UACJ,MAAM;UACN,KAAK,IAAI;AAAA,UACT,UAAU,IAAI;AAAA,UACf,uBAAA;AAAA;+BAEA;YAAAC,yDAAS,IAAI;;;;;MAGP,oBAAe,uDADvBH;;qEAEgB;QACd,MAAK;AAAA,QACL,OAAM;AAAA,QACL,aAAa,wBAAmB;;;;UAHnB;;kBAAd;AAAA;AAAA;;;;;;;"}

package/lib/packages/components/descriptions/src/description-item.js

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

package/lib/packages/components/descriptions/src/description-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"description-item.js","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":["defineComponent"],"mappings":";;;;;;AAEA,uBAAeA,oBAAgB;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.js","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":["defineComponent"],"mappings":";;;;;;AAEA,uBAAeA,oBAAgB;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/lib/packages/components/descriptions/src/descriptions-cell.js

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

package/lib/packages/components/descriptions/src/descriptions-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-cell.js","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":["defineComponent","inject","elDescriptionsKey","getNormalizedProps","addUnit","h"],"mappings":";;;;;;;;;AAWA,yBAAeA,oBAAgB;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,eAAeC,WAAOC,yBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA,EAGJ,SAAS;AA/BX;AAgCI,UAAM,OAAOC,yBACX,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,OAAOC,aAAQ,KAAK;AAAA,MACpB,UAAUA,aAAQ,KAAK;AAAA;AAGzB,YAAQ,KAAK;AAAA,WACN;AACH,eAAOC,MACL,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,eAAOA,MACL,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,eAAOA,MACL,MACA;AAAA,UACE;AAAA,UACA,OAAO,CAAC,yBAAyB;AAAA,UACjC,SAAS;AAAA,WAEX;AAAA,UACEA,MACE,QACA;AAAA,YACE,OAAO,CAAC,0BAA0B;AAAA,aAEpC;AAAA,UAEFA,MACE,QACA;AAAA,YACE,OAAO,CAAC,4BAA4B;AAAA,aAEtC;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"descriptions-cell.js","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":["defineComponent","inject","elDescriptionsKey","getNormalizedProps","addUnit","h"],"mappings":";;;;;;;;;AAWA,yBAAeA,oBAAgB;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,eAAeC,WAAOC,yBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA,EAGJ,SAAS;AA/BX;AAgCI,UAAM,OAAOC,yBACX,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,OAAOC,aAAQ,KAAK;AAAA,MACpB,UAAUA,aAAQ,KAAK;AAAA;AAGzB,YAAQ,KAAK;AAAA,WACN;AACH,eAAOC,MACL,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,eAAOA,MACL,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,eAAOA,MACL,MACA;AAAA,UACE;AAAA,UACA,OAAO,CAAC,yBAAyB;AAAA,UACjC,SAAS;AAAA,WAEX;AAAA,UACEA,MACE,QACA;AAAA,YACE,OAAO,CAAC,0BAA0B;AAAA,aAEpC;AAAA,UAEFA,MACE,QACA;AAAA,YACE,OAAO,CAAC,4BAA4B;AAAA,aAEtC;AAAA;AAAA;AAAA;AAAA;;;;"}

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/icon2.js');
-var icon = require('./src/icon.js');
+require('./src/icon.js');
+var icon = require('./src/icon2.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,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=icon.js.map

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

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

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('./icon.js');
+var icon = require('./icon2.js');
 var shared = require('@vue/shared');
 
 var script = vue.defineComponent({

package/lib/packages/components/icon/src/icon2.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=icon2.js.map

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

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

package/lib/packages/components/image-viewer/index.js

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

package/lib/packages/components/image-viewer/src/image-viewer.js

@@ -2,30 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var imageViewer_vue_vue_type_script_lang = require('./image-viewer.vue_vue&type=script&lang.js');
+var imageViewer_vue_vue_type_template_id_4b22ad85_lang = require('./image-viewer.vue_vue&type=template&id=4b22ad85&lang.js');
 
-const imageViewerProps = props.buildProps({
-  urlList: {
-    type: props.definePropType(Array),
-    default: () => props.mutable([])
-  },
-  zIndex: {
-    type: Number,
-    default: 2e3
-  },
-  initialIndex: {
-    type: Number,
-    default: 0
-  },
-  infinite: {
-    type: Boolean,
-    default: true
-  },
-  hideOnClickModal: {
-    type: Boolean,
-    default: false
-  }
-});
+imageViewer_vue_vue_type_script_lang["default"].render = imageViewer_vue_vue_type_template_id_4b22ad85_lang.render;
+imageViewer_vue_vue_type_script_lang["default"].__file = "packages/components/image-viewer/src/image-viewer.vue";
 
-exports.imageViewerProps = imageViewerProps;
+exports["default"] = imageViewer_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=image-viewer.js.map

package/lib/packages/components/image-viewer/src/image-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer.js","sources":["../../../../../../../packages/components/image-viewer/src/image-viewer.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageViewerProps = buildProps({\n  urlList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  zIndex: {\n    type: Number,\n    default: 2000,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;;MAGa,mBAAmBA,iBAAW;AAAA,EACzC,SAAS;AAAA,IACP,MAAMC,qBAAyB;AAAA,IAC/B,SAAS,MAAMC,cAAQ;AAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"image-viewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/image-viewer/src/image-viewer.vue_vue&type=script&lang.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var imageViewer = require('./image-viewer.js');
+var imageViewer = require('./image-viewer2.js');
 var index = require('../../icon/index.js');
 var icons = require('@element-plus/icons');
 

package/lib/packages/components/image-viewer/src/image-viewer2.js

@@ -2,11 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var imageViewer_vue_vue_type_script_lang = require('./image-viewer.vue_vue&type=script&lang.js');
-var imageViewer_vue_vue_type_template_id_4b22ad85_lang = require('./image-viewer.vue_vue&type=template&id=4b22ad85&lang.js');
+var props = require('../../../utils/props.js');
 
-imageViewer_vue_vue_type_script_lang["default"].render = imageViewer_vue_vue_type_template_id_4b22ad85_lang.render;
-imageViewer_vue_vue_type_script_lang["default"].__file = "packages/components/image-viewer/src/image-viewer.vue";
+const imageViewerProps = props.buildProps({
+  urlList: {
+    type: props.definePropType(Array),
+    default: () => props.mutable([])
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  infinite: {
+    type: Boolean,
+    default: true
+  },
+  hideOnClickModal: {
+    type: Boolean,
+    default: false
+  }
+});
 
-exports["default"] = imageViewer_vue_vue_type_script_lang["default"];
+exports.imageViewerProps = imageViewerProps;
 //# sourceMappingURL=image-viewer2.js.map

package/lib/packages/components/image-viewer/src/image-viewer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-viewer2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"image-viewer2.js","sources":["../../../../../../../packages/components/image-viewer/src/image-viewer.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageViewerProps = buildProps({\n  urlList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  zIndex: {\n    type: Number,\n    default: 2000,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;;MAGa,mBAAmBA,iBAAW;AAAA,EACzC,SAAS;AAAA,IACP,MAAMC,qBAAyB;AAAA,IAC/B,SAAS,MAAMC,cAAQ;AAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/index.js

@@ -70,14 +70,14 @@ var index$11 = require('./upload/index.js');
 require('./virtual-list/index.js');
 var index$12 = require('./loading/index.js');
 var index$13 = require('./popover/index.js');
-var affix = require('./affix/src/affix.js');
+var affix = require('./affix/src/affix2.js');
 var alert = require('./alert/src/alert.js');
-var avatar = require('./avatar/src/avatar.js');
-var backtop = require('./backtop/src/backtop.js');
-var badge = require('./badge/src/badge.js');
+var avatar = require('./avatar/src/avatar2.js');
+var backtop = require('./backtop/src/backtop2.js');
+var badge = require('./badge/src/badge2.js');
 var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
 var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item.js');
-var button = require('./button/src/button2.js');
+var button = require('./button/src/button.js');
 var card = require('./card/src/card.js');
 var types = require('./cascader-panel/src/types.js');
 var config = require('./cascader-panel/src/config.js');
@@ -87,15 +87,15 @@ var useDialog = require('./dialog/src/use-dialog.js');
 var dialog = require('./dialog/src/dialog.js');
 var divider = require('./divider/src/divider.js');
 var empty = require('./empty/src/empty2.js');
-var icon = require('./icon/src/icon.js');
+var icon = require('./icon/src/icon2.js');
 var image = require('./image/src/image.js');
-var imageViewer = require('./image-viewer/src/image-viewer.js');
-var input = require('./input/src/input.js');
-var inputNumber = require('./input-number/src/input-number.js');
-var link = require('./link/src/link.js');
+var imageViewer = require('./image-viewer/src/image-viewer2.js');
+var input = require('./input/src/input2.js');
+var inputNumber = require('./input-number/src/input-number2.js');
+var link = require('./link/src/link2.js');
 var menu = require('./menu/src/menu.js');
 var menuItem = require('./menu/src/menu-item.js');
-var menuItemGroup = require('./menu/src/menu-item-group.js');
+var menuItemGroup = require('./menu/src/menu-item-group2.js');
 var subMenu = require('./menu/src/sub-menu.js');
 var overlay = require('./overlay/src/overlay.js');
 var pageHeader = require('./page-header/src/page-header.js');
@@ -106,12 +106,13 @@ var index$E = require('./popper/src/use-popper/index.js');
 var popper = require('./popper/src/renderers/popper.js');
 var trigger = require('./popper/src/renderers/trigger.js');
 var arrow = require('./popper/src/renderers/arrow.js');
+var rate = require('./rate/src/rate.js');
 var util = require('./scrollbar/src/util.js');
 var token = require('./select/src/token.js');
 var token$1 = require('./select-v2/src/token.js');
 var space = require('./space/src/space.js');
 var useSpace = require('./space/src/use-space.js');
-var tag = require('./tag/src/tag.js');
+var tag = require('./tag/src/tag2.js');
 var dateUtils = require('./time-picker/src/common/date-utils.js');
 var constant = require('./time-picker/src/common/constant.js');
 var props = require('./time-picker/src/common/props.js');
@@ -274,6 +275,8 @@ exports.usePopper = index$E["default"];
 exports.renderPopper = popper["default"];
 exports.renderTrigger = trigger["default"];
 exports.renderArrow = arrow["default"];
+exports.rateEmits = rate.rateEmits;
+exports.rateProps = rate.rateProps;
 exports.BAR_MAP = util.BAR_MAP;
 exports.renderThumbStyle = util.renderThumbStyle;
 exports.selectGroupKey = token.selectGroupKey;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -2,84 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../hooks/index.js');
-var props = require('../../../utils/props.js');
-var index = require('../../../hooks/use-form-item/index.js');
+var input_vue_vue_type_script_lang = require('./input.vue_vue&type=script&lang.js');
+var input_vue_vue_type_template_id_3290dcb6_lang = require('./input.vue_vue&type=template&id=3290dcb6&lang.js');
 
-const inputProps = props.buildProps({
-  ...index.useFormItemProps,
-  modelValue: {
-    type: props.definePropType(void 0),
-    default: ""
-  },
-  type: {
-    type: String,
-    default: "text"
-  },
-  resize: {
-    type: String,
-    values: ["none", "both", "horizontal", "vertical"]
-  },
-  autosize: {
-    type: props.definePropType([Boolean, Object]),
-    default: false
-  },
-  autocomplete: {
-    type: String,
-    default: "off"
-  },
-  placeholder: {
-    type: String
-  },
-  form: {
-    type: String,
-    default: ""
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  showPassword: {
-    type: Boolean,
-    default: false
-  },
-  showWordLimit: {
-    type: Boolean,
-    default: false
-  },
-  suffixIcon: {
-    type: props.definePropType([String, Object]),
-    default: ""
-  },
-  prefixIcon: {
-    type: props.definePropType([String, Object]),
-    default: ""
-  },
-  label: {
-    type: String
-  },
-  tabindex: {
-    type: [Number, String]
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  inputStyle: {
-    type: props.definePropType([Object, Array, String]),
-    default: () => props.mutable({})
-  },
-  maxlength: {
-    type: [Number, String]
-  },
-  widget: {
-    type: String
-  }
-});
+input_vue_vue_type_script_lang["default"].render = input_vue_vue_type_template_id_3290dcb6_lang.render;
+input_vue_vue_type_script_lang["default"].__file = "packages/components/input/src/input.vue";
 
-exports.inputProps = inputProps;
+exports["default"] = input_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../../../../packages/components/input/src/input.ts"],"sourcesContent":["import { useFormItemProps } from '@element-ps/hooks'\nimport { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { StyleValue } from '@element-ps/utils/types'\nimport type { ExtractPropTypes, Component } from 'vue'\n\ntype AutoSize = { minRows?: number; maxRows?: number } | boolean\n\nexport const inputProps = buildProps({\n  ...useFormItemProps,\n  modelValue: {\n    type: definePropType<string | number | null | undefined>(undefined),\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'text',\n  },\n  resize: {\n    type: String,\n    values: ['none', 'both', 'horizontal', 'vertical'],\n  },\n  autosize: {\n    type: definePropType<AutoSize>([Boolean, Object]),\n    default: false,\n  },\n  autocomplete: {\n    type: String,\n    default: 'off',\n  },\n  placeholder: {\n    type: String,\n  },\n  form: {\n    type: String,\n    default: '',\n  },\n  readonly: {\n    type: Boolean,\n    default: false,\n  },\n  clearable: {\n    type: Boolean,\n    default: false,\n  },\n  showPassword: {\n    type: Boolean,\n    default: false,\n  },\n  showWordLimit: {\n    type: Boolean,\n    default: false,\n  },\n  suffixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  label: {\n    type: String,\n  },\n  tabindex: {\n    type: [Number, String],\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  inputStyle: {\n    type: definePropType<StyleValue>([Object, Array, String]),\n    default: () => mutable({} as const),\n  },\n  maxlength: {\n    type: [Number, String],\n  },\n  widget: {\n    type: String,\n  },\n} as const)\nexport type InputProps = ExtractPropTypes<typeof inputProps>\n"],"names":["buildProps","useFormItemProps","definePropType","mutable"],"mappings":";;;;;;;;MAOa,aAAaA,iBAAW;AAAA,KAChCC;AAAA,EACH,YAAY;AAAA,IACV,MAAMC,qBAAmD;AAAA,IACzD,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,QAAQ,cAAc;AAAA;AAAA,EAEzC,UAAU;AAAA,IACR,MAAMA,qBAAyB,CAAC,SAAS;AAAA,IACzC,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA;AAAA,EAER,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAMA,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAMA,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA;AAAA,EAER,UAAU;AAAA,IACR,MAAM,CAAC,QAAQ;AAAA;AAAA,EAEjB,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAMA,qBAA2B,CAAC,QAAQ,OAAO;AAAA,IACjD,SAAS,MAAMC,cAAQ;AAAA;AAAA,EAEzB,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA;AAAA,EAEjB,QAAQ;AAAA,IACN,MAAM;AAAA;AAAA;;;;"}
+{"version":3,"file":"input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -9,7 +9,7 @@ var constants = require('../../../utils/constants.js');
 require('../../../utils/util.js');
 var isServer = require('../../../utils/isServer.js');
 var calcTextareaHeight = require('./calc-textarea-height.js');
-var input = require('./input.js');
+var input = require('./input2.js');
 var index = require('../../icon/index.js');
 var icons = require('@element-plus/icons');
 var index$1 = require('../../../hooks/use-attrs/index.js');