element-ps 2.0.13 → 2.0.14

package/lib/components/dropdown/src/dropdown2.js

@@ -2,118 +2,118 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index = require('../../button/index.js');
-var index$1 = require('../../icon/index.js');
 require('../../../utils/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../../hooks/index.js');
-var dropdown = require('./dropdown.js');
-var tokens = require('./tokens.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
-var index$3 = require('../../../hooks/use-common-props/index.js');
+require('../../../constants/index.js');
+require('../../collection/index.js');
+require('../../tooltip/index.js');
+var props = require('../../../utils/vue/props.js');
+var tooltip = require('../../tooltip/src/tooltip.js');
+var icon = require('../../../utils/vue/icon.js');
+var aria = require('../../../constants/aria.js');
+var collection = require('../../collection/src/collection2.js');
 
-const { ButtonGroup: PsButtonGroup } = index.PsButton;
-const _sfc_main = vue.defineComponent({
-  name: "PsDropdown",
-  components: {
-    PsButton: index.PsButton,
-    PsButtonGroup,
-    PsIcon: index$1.PsIcon,
-    ArrowDown: iconsVue.ArrowDown
-  },
-  props: dropdown.dropdownProps,
-  emits: ["visible-change", "click", "command"],
-  setup(props) {
-    const _instance = vue.getCurrentInstance();
-    const ns = index$2.useNamespace("dropdown");
-    const triggeringElementRef = vue.ref();
-    const referenceElementRef = vue.ref();
-    const popperRef = vue.ref(null);
-    const contentRef = vue.ref(null);
-    const scrollbar = vue.ref(null);
-    const currentTabId = vue.ref(null);
-    const isUsingKeyboard = vue.ref(false);
-    const wrapStyle = vue.computed(() => ({
-      maxHeight: style.addUnit(props.maxHeight)
-    }));
-    const dropdownTriggerKls = vue.computed(() => [ns.m(dropdownSize.value)]);
-    const dropdownSize = index$3.useSize();
-    vue.provide(tokens.DROPDOWN_INJECTION_KEY, {
-      contentRef,
-      isUsingKeyboard
-    });
-    vue.provide("elDropdown", {
-      instance: _instance,
-      dropdownSize,
-      trigger: vue.toRef(props, "trigger"),
-      hideOnClick: vue.toRef(props, "hideOnClick")
-    });
-    return {
-      ns,
-      scrollbar,
-      wrapStyle,
-      dropdownTriggerKls,
-      dropdownSize,
-      currentTabId,
-      popperRef,
-      triggeringElementRef,
-      referenceElementRef
-    };
+const dropdownProps = props.buildProps({
+  trigger: tooltip.useTooltipTriggerProps.trigger,
+  effect: {
+    ...tooltip.useTooltipContentProps.effect,
+    default: "light"
+  },
+  type: {
+    type: props.definePropType(String)
+  },
+  placement: {
+    type: props.definePropType(String),
+    default: "bottom"
+  },
+  popperOptions: {
+    type: props.definePropType(Object),
+    default: () => ({})
+  },
+  size: {
+    type: String,
+    default: ""
+  },
+  splitButton: Boolean,
+  hideOnClick: {
+    type: Boolean,
+    default: true
+  },
+  loop: {
+    type: Boolean
+  },
+  showTimeout: {
+    type: Number,
+    default: 150
+  },
+  hideTimeout: {
+    type: Number,
+    default: 150
+  },
+  tabindex: {
+    type: props.definePropType([Number, String]),
+    default: 0
+  },
+  maxHeight: {
+    type: props.definePropType([Number, String]),
+    default: ""
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  buttonProps: {
+    type: props.definePropType(Object)
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ps_button = vue.resolveComponent("ps-button");
-  const _component_arrow_down = vue.resolveComponent("arrow-down");
-  const _component_ps_icon = vue.resolveComponent("ps-icon");
-  const _component_ps_button_group = vue.resolveComponent("ps-button-group");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)])
-  }, [
-    !_ctx.splitButton ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: vue.normalizeClass(_ctx.dropdownTriggerKls)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 2)) : vue.createCommentVNode("v-if", true),
-    _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_ps_button_group, { key: 1 }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_ps_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
-          size: _ctx.dropdownSize,
-          type: _ctx.type,
-          disabled: _ctx.disabled
-        }), {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["size", "type", "disabled"]),
-        vue.createVNode(_component_ps_button, vue.mergeProps({ ref: "triggeringElementRef" }, _ctx.buttonProps, {
-          size: _ctx.dropdownSize,
-          type: _ctx.type,
-          class: _ctx.ns.e("caret-button"),
-          disabled: _ctx.disabled
-        }), {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ps_icon, {
-              class: vue.normalizeClass(_ctx.ns.e("icon"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_arrow_down)
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          _: 1
-        }, 16, ["size", "type", "class", "disabled"])
-      ]),
-      _: 3
-    })) : vue.createCommentVNode("v-if", true)
-  ], 2);
-}
-var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/dropdown/src/dropdown.vue"]]);
+const dropdownItemProps = props.buildProps({
+  command: {
+    type: [Object, String, Number],
+    default: () => ({})
+  },
+  disabled: Boolean,
+  divided: Boolean,
+  textValue: String,
+  icon: {
+    type: icon.iconPropType
+  }
+});
+const dropdownMenuProps = props.buildProps({
+  onKeydown: { type: props.definePropType(Function) }
+});
+const FIRST_KEYS = [
+  aria.EVENT_CODE.down,
+  aria.EVENT_CODE.pageDown,
+  aria.EVENT_CODE.home
+];
+const LAST_KEYS = [aria.EVENT_CODE.up, aria.EVENT_CODE.pageUp, aria.EVENT_CODE.end];
+const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
+const {
+  PsCollection,
+  PsCollectionItem,
+  COLLECTION_INJECTION_KEY,
+  COLLECTION_ITEM_INJECTION_KEY
+} = collection.createCollectionWithScope("Dropdown");
 
-exports["default"] = Dropdown;
+exports.DROPDOWN_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
+exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
+exports.FIRST_KEYS = FIRST_KEYS;
+exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
+exports.LAST_KEYS = LAST_KEYS;
+exports.PsCollection = PsCollection;
+exports.PsCollectionItem = PsCollectionItem;
+exports.dropdownItemProps = dropdownItemProps;
+exports.dropdownMenuProps = dropdownMenuProps;
+exports.dropdownProps = dropdownProps;
 //# sourceMappingURL=dropdown2.js.map

package/lib/components/dropdown/src/dropdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <template v-if=\"!splitButton\">\n      <div :class=\"dropdownTriggerKls\">\n        <slot name=\"default\" />\n      </div>\n    </template>\n    <template v-if=\"splitButton\">\n      <ps-button-group>\n        <ps-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n        >\n          <slot name=\"default\" />\n        </ps-button>\n        <ps-button\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n        >\n          <ps-icon :class=\"ns.e('icon')\"><arrow-down /></ps-icon>\n        </ps-button>\n      </ps-button-group>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { addUnit } from '@element-ps/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n  name: 'PsDropdown',\n  components: {\n    PsButton,\n    PsButtonGroup,\n    PsIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<InstanceType<typeof PsTooltip> | null>(null)\n    const contentRef = ref<HTMLElement | null>(null)\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n\n    const dropdownSize = useSize()\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      isUsingKeyboard,\n    })\n\n    provide('elDropdown', {\n      instance: _instance,\n      dropdownSize,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    return {\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      currentTabId,\n      popperRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"names":["PsButton","defineComponent","PsIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","ref","computed","addUnit","useSize","provide","DROPDOWN_INJECTION_KEY","toRef","_createElementBlock","_normalizeClass","_openBlock","_renderSlot","_createCommentVNode","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;AAoDA,MAAM,EAAE,aAAa,aAAkB,EAAA,GAAAA,cAAA,CAAA;AAEvC,MAAK,YAAaC,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,YAAA;AAAA,EACN,UAAY,EAAA;AAAA,cACVD,cAAA;AAAA,IACA,aAAA;AAAA,YACAE,cAAA;AAAA,eACAC,kBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,sBAAA;AAAA,EACP,KAAO,EAAA,CAAC,gBAAkB,EAAA,OAAA,EAAS,SAAS,CAAA;AAAA,EAC5C,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,YAAYC,sBAAmB,EAAA,CAAA;AACrC,IAAM,MAAA,EAAA,GAAKC,qBAAa,UAAU,CAAA,CAAA;AAElC,IAAA,MAAM,uBAAuBC,OAAI,EAAA,CAAA;AACjC,IAAA,MAAM,sBAAsBA,OAAI,EAAA,CAAA;AAChC,IAAM,MAAA,SAAA,GAAYA,QAA2C,IAAI,CAAA,CAAA;AACjE,IAAM,MAAA,UAAA,GAAaA,QAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,SAAA,GAAYA,QAAI,IAAI,CAAA,CAAA;AAC1B,IAAM,MAAA,YAAA,GAAeA,QAAmB,IAAI,CAAA,CAAA;AAC5C,IAAM,MAAA,eAAA,GAAkBA,QAAI,KAAK,CAAA,CAAA;AAEjC,IAAM,MAAA,SAAA,GAAYC,aAAwB,OAAO;AAAA,MAC/C,SAAA,EAAWC,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,KAClC,CAAA,CAAA,CAAA;AACF,IAAM,MAAA,kBAAA,GAAqBD,aAAS,MAAM,CAAC,GAAG,CAAE,CAAA,YAAA,CAAa,KAAK,CAAC,CAAC,CAAA,CAAA;AAEpE,IAAA,MAAM,eAAeE,eAAQ,EAAA,CAAA;AAE7B,IAAAC,WAAA,CAAQC,6BAAwB,EAAA;AAAA,MAC9B,UAAA;AAAA,MACA,eAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAAD,WAAA,CAAQ,YAAc,EAAA;AAAA,MACpB,QAAU,EAAA,SAAA;AAAA,MACV,YAAA;AAAA,MACA,OAAA,EAASE,SAAM,CAAA,KAAA,EAAO,SAAS,CAAA;AAAA,MAC/B,WAAA,EAAaA,SAAM,CAAA,KAAA,EAAO,aAAa,CAAA;AAAA,KACxC,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;;;0BA1GCC,sBA6BM,CAAA,KAAA,EAAA;AAAA,IA7BA,KAAA,EAAKC,oBAAG,IAAG,CAAA,EAAA,CAAA,CAAA,IAAK,IAAG,CAAA,EAAA,CAAA,EAAA,CAAE,YAAa,IAAQ,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAC7B,IAAA,CAAA,IAAA,CAAA,WAAA,IAAAC,aAAA,EAAA,EACfF,sBAEM,CAAA,KAAA,EAAA;AAAA,MAAA,GAAA,EAAA,CAAA;AAFA,MAAA,KAAA,EAAKC,mBAAE,IAAkB,CAAA,kBAAA,CAAA;AAAA,KAAA,EAAA;MAC7BE,cAAuB,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAGX,IAAA,IAAA,CAAA,WAAA,IAAAF,aAAA,EAAA,EACdG,eAoBkB,CAAA,0BAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,MAAA,OAAA,EAAAC,WAAA,CAnBhB,MAQY;AAAA,QARZC,gBAQY,oBARZ,EAAAC,cAAA,CAQY,EAPV,GAAI,EAAA,qBAAA,IACI,IAAW,CAAA,WAAA,EAAA;AAAA,UAClB,IAAM,EAAA,IAAA,CAAA,YAAA;AAAA,UACN,IAAM,EAAA,IAAA,CAAA,IAAA;AAAA,UACN,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,SAAA,CAAA,EAAA;+BAEX,MAAuB;AAAA,YAAvBL,cAAuB,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,WAAA,CAAA;;;AAEzB,QAAAI,eAAA,CASY,sBATZC,cASY,CAAA,EARV,GAAI,EAAA,sBAAA,IACI,IAAW,CAAA,WAAA,EAAA;AAAA,UAClB,IAAM,EAAA,IAAA,CAAA,YAAA;AAAA,UACN,IAAM,EAAA,IAAA,CAAA,IAAA;AAAA,UACN,KAAA,EAAO,QAAG,CAAC,CAAA,cAAA,CAAA;AAAA,UACX,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,SAAA,CAAA,EAAA;+BAEX,MAAuD;AAAA,YAAvDD,eAAuD,CAAA,kBAAA,EAAA;AAAA,cAA7C,KAAA,EAAKN,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,MAAA,CAAA,CAAA;AAAA,aAAA,EAAA;mCAAU,MAAc;AAAA,gBAAdM,eAAc,CAAA,qBAAA,CAAA;AAAA,eAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { EVENT_CODE } from '@element-ps/constants'\nimport { createCollectionWithScope } from '@element-ps/components/collection'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-ps/components/tooltip'\n\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-ps/components/button'\nimport type { Placement } from '@element-ps/components/popper'\nimport type { ComponentInternalInstance, ComputedRef } from 'vue'\nimport type { Nullable } from '@element-ps/utils'\n\nexport interface IPsDropdownInstance {\n  instance?: ComponentInternalInstance\n  dropdownSize?: ComputedRef<string>\n  handleClick?: () => void\n  commandHandler?: (...arg) => void\n  show?: () => void\n  hide?: () => void\n  trigger?: ComputedRef<string>\n  hideOnClick?: ComputedRef<boolean>\n  triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n  trigger: useTooltipTriggerProps.trigger,\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  type: {\n    type: definePropType<ButtonType>(String),\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    default: 'bottom',\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}),\n  },\n  size: {\n    type: String,\n    default: '',\n  },\n  splitButton: Boolean,\n  hideOnClick: {\n    type: Boolean,\n    default: true,\n  },\n  loop: {\n    type: Boolean,\n  },\n  showTimeout: {\n    type: Number,\n    default: 150,\n  },\n  hideTimeout: {\n    type: Number,\n    default: 150,\n  },\n  tabindex: {\n    type: definePropType<number | string>([Number, String]),\n    default: 0,\n  },\n  maxHeight: {\n    type: definePropType<number | string>([Number, String]),\n    default: '',\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  buttonProps: {\n    type: definePropType<ButtonProps>(Object),\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n  command: {\n    type: [Object, String, Number],\n    default: () => ({}),\n  },\n  disabled: Boolean,\n  divided: Boolean,\n  textValue: String,\n  icon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n  onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n  EVENT_CODE.down,\n  EVENT_CODE.pageDown,\n  EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n\nconst {\n  PsCollection,\n  PsCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('Dropdown')\n\nexport {\n  PsCollection,\n  PsCollectionItem,\n  COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n}\n"],"names":["buildProps","useTooltipTriggerProps","useTooltipContentProps","definePropType","iconPropType","EVENT_CODE","createCollectionWithScope"],"mappings":"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"}

package/lib/components/form/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var form$1 = require('./src/form.js');
+var form$1 = require('./src/form2.js');
 var formItem$1 = require('./src/form-item2.js');
-var form = require('./src/form2.js');
+var form = require('./src/form.js');
 var formItem = require('./src/form-item.js');
 require('./src/types.js');
 var install = require('../../utils/vue/install.js');

package/lib/components/form/src/form.js

@@ -2,52 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var form = require('./form2.js');
-var utils = require('./utils.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-common-props/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var form$1 = require('../../../tokens/form.js');
+require('../../../constants/index.js');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+var size = require('../../../constants/size.js');
 
-const __default__ = {
-  name: "PsForm"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: form.formProps,
-  setup(__props) {
-    const props = __props;
-    const COMPONENT_NAME = "PsForm";
-    const formSize = index.useSize();
-    const ns = index$1.useNamespace("form");
-    const formClasses = vue.computed(() => {
-      const { labelPosition, inline } = props;
-      return [
-        ns.b(),
-        ns.m(formSize.value || "default"),
-        {
-          [ns.m(`label-${labelPosition}`)]: labelPosition,
-          [ns.m("inline")]: inline
-        }
-      ];
-    });
-    vue.provide(form$1.formContextKey, vue.reactive({
-      ...vue.toRefs(props),
-      ...utils.useFormLabelWidth()
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("form", {
-        class: vue.normalizeClass(vue.unref(formClasses))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+const formProps = props.buildProps({
+  model: Object,
+  rules: {
+    type: props.definePropType(Object)
+  },
+  labelPosition: String,
+  labelWidth: {
+    type: [String, Number],
+    default: ""
+  },
+  labelSuffix: {
+    type: String,
+    default: ""
+  },
+  inline: Boolean,
+  inlineMessage: Boolean,
+  statusIcon: Boolean,
+  showMessage: {
+    type: Boolean,
+    default: true
+  },
+  size: {
+    type: String,
+    values: size.componentSizes
+  },
+  disabled: Boolean,
+  validateOnRuleChange: {
+    type: Boolean,
+    default: true
+  },
+  hideRequiredAsterisk: {
+    type: Boolean,
+    default: false
+  },
+  scrollToError: Boolean
 });
-var Form = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/form/src/form.vue"]]);
 
-exports["default"] = Form;
+exports.formProps = formProps;
 //# sourceMappingURL=form.js.map

package/lib/components/form/src/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { formContextKey } from '@element-ps/tokens'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { formProps } from './form'\nimport { useFormLabelWidth } from './utils'\n\nconst COMPONENT_NAME = 'PsForm'\ndefineOptions({\n  name: 'PsForm',\n})\nconst props = defineProps(formProps)\n\nconst formSize = useSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    // todo: in v2.2.0, we can remove default\n    // in fact, remove it doesn't affect the final style\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    ...useFormLabelWidth(),\n  })\n)\n</script>\n"],"names":["useSize","useNamespace","computed","provide","formContextKey","reactive","toRefs","useFormLabelWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAAA,aAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,eAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,GAAA,CAAA,EAAA;AAAA,QAGA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,IAAA,SAAA,CAAA;AAAA,QACA;AAAA,UAAA,CACA,EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,EAAA,aAAA,CAAA,CAAA,CAAA,GAAA,aAAA;AAAA,UACA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AAAA,SACA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAAC,WAAA,CACAC,uBACAC,YAAA,CAAA;AAAA,MAAA,GACAC,WAAA,KAAA,CAAA;AAAA,MAAA,GACAC,uBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-ps/constants'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormRules } from '@element-ps/tokens'\n\nexport const formProps = buildProps({\n  model: Object,\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  labelPosition: String,\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  inline: Boolean,\n  inlineMessage: Boolean,\n  statusIcon: Boolean,\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  disabled: Boolean,\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  hideRequiredAsterisk: {\n    type: Boolean,\n    default: false,\n  },\n  scrollToError: Boolean,\n} as const)\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":["buildProps","definePropType","componentSizes"],"mappings":";;;;;;;;;AAKY,MAAC,SAAS,GAAGA,gBAAU,CAAC;AACpC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,aAAa,EAAE,MAAM;AACvB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,CAAC;;;;"}

package/lib/components/form/src/form2.js

@@ -2,47 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../constants/index.js');
-require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
-var size = require('../../../constants/size.js');
+var vue = require('vue');
+require('../../../tokens/index.js');
+require('../../../hooks/index.js');
+var form = require('./form.js');
+var utils = require('./utils.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-common-props/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var form$1 = require('../../../tokens/form.js');
 
-const formProps = props.buildProps({
-  model: Object,
-  rules: {
-    type: props.definePropType(Object)
-  },
-  labelPosition: String,
-  labelWidth: {
-    type: [String, Number],
-    default: ""
-  },
-  labelSuffix: {
-    type: String,
-    default: ""
-  },
-  inline: Boolean,
-  inlineMessage: Boolean,
-  statusIcon: Boolean,
-  showMessage: {
-    type: Boolean,
-    default: true
-  },
-  size: {
-    type: String,
-    values: size.componentSizes
-  },
-  disabled: Boolean,
-  validateOnRuleChange: {
-    type: Boolean,
-    default: true
-  },
-  hideRequiredAsterisk: {
-    type: Boolean,
-    default: false
-  },
-  scrollToError: Boolean
+const __default__ = {
+  name: "PsForm"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: form.formProps,
+  setup(__props) {
+    const props = __props;
+    const COMPONENT_NAME = "PsForm";
+    const formSize = index.useSize();
+    const ns = index$1.useNamespace("form");
+    const formClasses = vue.computed(() => {
+      const { labelPosition, inline } = props;
+      return [
+        ns.b(),
+        ns.m(formSize.value || "default"),
+        {
+          [ns.m(`label-${labelPosition}`)]: labelPosition,
+          [ns.m("inline")]: inline
+        }
+      ];
+    });
+    vue.provide(form$1.formContextKey, vue.reactive({
+      ...vue.toRefs(props),
+      ...utils.useFormLabelWidth()
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("form", {
+        class: vue.normalizeClass(vue.unref(formClasses))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
 });
+var Form = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/form/src/form.vue"]]);
 
-exports.formProps = formProps;
+exports["default"] = Form;
 //# sourceMappingURL=form2.js.map

package/lib/components/form/src/form2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form2.js","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-ps/constants'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormRules } from '@element-ps/tokens'\n\nexport const formProps = buildProps({\n  model: Object,\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  labelPosition: String,\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  inline: Boolean,\n  inlineMessage: Boolean,\n  statusIcon: Boolean,\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  disabled: Boolean,\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  hideRequiredAsterisk: {\n    type: Boolean,\n    default: false,\n  },\n  scrollToError: Boolean,\n} as const)\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":["buildProps","definePropType","componentSizes"],"mappings":";;;;;;;;;AAKY,MAAC,SAAS,GAAGA,gBAAU,CAAC;AACpC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,aAAa,EAAE,MAAM;AACvB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,CAAC;;;;"}
+{"version":3,"file":"form2.js","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { formContextKey } from '@element-ps/tokens'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { formProps } from './form'\nimport { useFormLabelWidth } from './utils'\n\nconst COMPONENT_NAME = 'PsForm'\ndefineOptions({\n  name: 'PsForm',\n})\nconst props = defineProps(formProps)\n\nconst formSize = useSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    // todo: in v2.2.0, we can remove default\n    // in fact, remove it doesn't affect the final style\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    ...useFormLabelWidth(),\n  })\n)\n</script>\n"],"names":["useSize","useNamespace","computed","provide","formContextKey","reactive","toRefs","useFormLabelWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAAA,aAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,eAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,GAAA,CAAA,EAAA;AAAA,QAGA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,IAAA,SAAA,CAAA;AAAA,QACA;AAAA,UAAA,CACA,EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,EAAA,aAAA,CAAA,CAAA,CAAA,GAAA,aAAA;AAAA,UACA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AAAA,SACA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAAC,WAAA,CACAC,uBACAC,YAAA,CAAA;AAAA,MAAA,GACAC,WAAA,KAAA,CAAA;AAAA,MAAA,GACAC,uBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}

package/lib/components/icon/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var icon$1 = require('./src/icon2.js');
-var icon = require('./src/icon.js');
+var icon$1 = require('./src/icon.js');
+var icon = require('./src/icon2.js');
 var install = require('../../utils/vue/install.js');
 
 const PsIcon = install.withInstall(icon$1["default"]);

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

@@ -2,17 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
 require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
+require('../../../hooks/index.js');
+var icon = require('./icon2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var types = require('../../../utils/types.js');
+var style = require('../../../utils/dom/style.js');
 
-const iconProps = props.buildProps({
-  size: {
-    type: props.definePropType([Number, String])
-  },
-  color: {
-    type: String
+const __default__ = {
+  name: "PsIcon",
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: icon.iconProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("icon");
+    const style$1 = vue.computed(() => {
+      if (!props.size && !props.color)
+        return {};
+      return {
+        fontSize: types.isUndefined(props.size) ? void 0 : style.addUnit(props.size),
+        "--color": props.color
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
+        class: vue.unref(ns).b(),
+        style: vue.unref(style$1)
+      }, _ctx.$attrs), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
   }
 });
+var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/icon/src/icon.vue"]]);
 
-exports.iconProps = iconProps;
+exports["default"] = Icon;
 //# sourceMappingURL=icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Icon from './icon.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>\nexport type IconInstance = InstanceType<typeof Icon>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,SAAS,GAAGA,gBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"icon.js","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot />\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsIcon',\n  inheritAttrs: false,\n})\nconst props = defineProps(iconProps)\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n  if (!props.size && !props.color) return {}\n\n  return {\n    fontSize: isUndefined(props.size) ? undefined : addUnit(props.size),\n    '--color': props.color,\n  }\n})\n</script>\n"],"names":["useNamespace","style","computed","isUndefined","addUnit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAA,EAAA,GAAAA,mBAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAAC,OAAA,GAAAC,aAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,IAAA,IAAA,CAAA,KAAA,CAAA,KAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAEA,MAAA,OAAA;AAAA,QACA,QAAA,EAAAC,kBAAA,KAAA,CAAA,IAAA,IAAA,KAAA,CAAA,GAAAC,aAAA,CAAA,MAAA,IAAA,CAAA;AAAA,QACA,WAAA,KAAA,CAAA,KAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}