element-ps 1.0.1 → 1.0.5

package/es/packages/components/loading/src/index.mjs

@@ -0,0 +1,106 @@
+import { nextTick } from 'vue';
+import { hasOwn } from '@vue/shared';
+import { getStyle, addClass, removeClass } from '../../../utils/dom.mjs';
+import PopupManager from '../../../utils/popup-manager.mjs';
+import isServer from '../../../utils/isServer.mjs';
+import { createLoadingComponent } from './createLoadingComponent.mjs';
+
+const defaults = {
+  parent: null,
+  background: "",
+  svg: null,
+  svgViewBox: null,
+  spinner: false,
+  text: null,
+  fullscreen: true,
+  body: false,
+  lock: false,
+  customClass: ""
+};
+const globalLoadingOption = {
+  fullscreenLoading: null
+};
+const addStyle = async (options, parent, instance) => {
+  const maskStyle = {};
+  if (options.fullscreen) {
+    instance.originalPosition.value = getStyle(document.body, "position");
+    instance.originalOverflow.value = getStyle(document.body, "overflow");
+    maskStyle.zIndex = PopupManager.nextZIndex();
+  } else if (options.body) {
+    instance.originalPosition.value = getStyle(document.body, "position");
+    await nextTick();
+    ["top", "left"].forEach((property) => {
+      const scroll = property === "top" ? "scrollTop" : "scrollLeft";
+      maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(getStyle(document.body, `margin-${property}`), 10)}px`;
+    });
+    ["height", "width"].forEach((property) => {
+      maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
+    });
+  } else {
+    instance.originalPosition.value = getStyle(parent, "position");
+  }
+  Object.keys(maskStyle).forEach((property) => {
+    instance.$el.style[property] = maskStyle[property];
+  });
+};
+const addClassList = (options, parent, instance) => {
+  if (instance.originalPosition.value !== "absolute" && instance.originalPosition.value !== "fixed") {
+    addClass(parent, "el-loading-parent--relative");
+  } else {
+    removeClass(parent, "el-loading-parent--relative");
+  }
+  if (options.fullscreen && options.lock) {
+    addClass(parent, "el-loading-parent--hidden");
+  } else {
+    removeClass(parent, "el-loading-parent--hidden");
+  }
+};
+const Loading = function(options = {}) {
+  if (isServer)
+    return void 0;
+  options = {
+    ...defaults,
+    ...options
+  };
+  if (typeof options.target === "string") {
+    options.target = document.querySelector(options.target);
+  }
+  options.target = options.target || document.body;
+  if (options.target !== document.body) {
+    options.fullscreen = false;
+  } else {
+    options.body = true;
+  }
+  if (options.fullscreen && globalLoadingOption.fullscreenLoading) {
+    globalLoadingOption.fullscreenLoading.close();
+  }
+  const parent = options.body ? document.body : options.target;
+  options.parent = parent;
+  const instance = createLoadingComponent({
+    options,
+    globalLoadingOption
+  });
+  addStyle(options, parent, instance);
+  addClassList(options, parent, instance);
+  options.parent.vLoadingAddClassList = () => {
+    addClassList(options, parent, instance);
+  };
+  let loadingNumber = parent.getAttribute("loading-number");
+  if (!loadingNumber) {
+    loadingNumber = 1;
+  } else {
+    loadingNumber = Number.parseInt(loadingNumber) + 1;
+  }
+  parent.setAttribute("loading-number", loadingNumber.toString());
+  parent.appendChild(instance.$el);
+  nextTick().then(() => {
+    instance.visible.value = hasOwn(options, "visible") ? options.visible : true;
+  });
+  if (options.fullscreen) {
+    globalLoadingOption.fullscreenLoading = instance;
+  }
+  return instance;
+};
+
+export { Loading as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/loading/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../../packages/components/loading/src/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { hasOwn } from '@vue/shared'\nimport { addClass, getStyle, removeClass } from '@element-ps/utils/dom'\nimport PopupManager from '@element-ps/utils/popup-manager'\nimport isServer from '@element-ps/utils/isServer'\nimport { createLoadingComponent } from './createLoadingComponent'\n\nimport type { CSSProperties } from 'vue'\n\nimport type {\n  ILoadingGlobalConfig,\n  ILoadingInstance,\n  ILoadingOptions,\n} from './loading.type'\n\nconst defaults: ILoadingOptions = {\n  parent: null as any,\n  background: '',\n  svg: null as any,\n  svgViewBox: null as any,\n  spinner: false,\n  text: null as any,\n  fullscreen: true,\n  body: false,\n  lock: false,\n  customClass: '',\n}\n\nconst globalLoadingOption: ILoadingGlobalConfig = {\n  fullscreenLoading: null as any,\n}\n\nconst addStyle = async (\n  options: ILoadingOptions,\n  parent: HTMLElement,\n  instance: ILoadingInstance\n) => {\n  const maskStyle: Partial<CSSProperties> = {}\n  if (options.fullscreen) {\n    instance.originalPosition!.value = getStyle(document.body, 'position')\n    instance.originalOverflow!.value = getStyle(document.body, 'overflow')\n    maskStyle.zIndex = PopupManager.nextZIndex()\n  } else if (options.body) {\n    instance.originalPosition!.value = getStyle(document.body, 'position')\n    /**\n     * await dom render when visible is true in init,\n     * because some component's height maybe 0.\n     * e.g. el-table.\n     */\n    await nextTick()\n    ;['top', 'left'].forEach((property) => {\n      const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft'\n      maskStyle[property] = `${\n        (options.target as HTMLElement).getBoundingClientRect()[property] +\n        document.body[scroll] +\n        document.documentElement[scroll] -\n        parseInt(getStyle(document.body, `margin-${property}`), 10)\n      }px`\n    })\n    ;['height', 'width'].forEach((property) => {\n      maskStyle[property] = `${\n        (options.target as HTMLElement).getBoundingClientRect()[property]\n      }px`\n    })\n  } else {\n    instance.originalPosition!.value = getStyle(parent, 'position')\n  }\n  Object.keys(maskStyle).forEach((property) => {\n    instance.$el.style[property] = maskStyle[property]\n  })\n}\n\nconst addClassList = (\n  options: ILoadingOptions,\n  parent: HTMLElement,\n  instance: ILoadingInstance\n) => {\n  if (\n    instance.originalPosition!.value !== 'absolute' &&\n    instance.originalPosition!.value !== 'fixed'\n  ) {\n    addClass(parent, 'el-loading-parent--relative')\n  } else {\n    removeClass(parent, 'el-loading-parent--relative')\n  }\n  if (options.fullscreen && options.lock) {\n    addClass(parent, 'el-loading-parent--hidden')\n  } else {\n    removeClass(parent, 'el-loading-parent--hidden')\n  }\n}\n\nconst Loading = function (options: ILoadingOptions = {}): ILoadingInstance {\n  if (isServer) return undefined as any\n  options = {\n    ...defaults,\n    ...options,\n  }\n\n  if (typeof options.target === 'string') {\n    options.target = document.querySelector(options.target) as HTMLElement\n  }\n  options.target = options.target || document.body\n  if (options.target !== document.body) {\n    options.fullscreen = false\n  } else {\n    options.body = true\n  }\n\n  if (options.fullscreen && globalLoadingOption.fullscreenLoading) {\n    globalLoadingOption.fullscreenLoading.close()\n  }\n\n  const parent = options.body ? document.body : options.target\n  options.parent = parent\n\n  const instance = createLoadingComponent({\n    options,\n    globalLoadingOption,\n  })\n\n  addStyle(options, parent, instance)\n  addClassList(options, parent, instance)\n\n  options.parent.vLoadingAddClassList = () => {\n    addClassList(options, parent, instance)\n  }\n\n  /**\n   * add loading-number to parent.\n   * because if a fullscreen loading is triggered when somewhere\n   * a v-loading.body was triggered before and it's parent is\n   * document.body which with a margin , the fullscreen loading's\n   * destroySelf function will remove 'el-loading-parent--relative',\n   * and then the position of v-loading.body will be error.\n   */\n  let loadingNumber: number | string = parent.getAttribute('loading-number') as any\n  if (!loadingNumber) {\n    loadingNumber = 1\n  } else {\n    loadingNumber = Number.parseInt(loadingNumber as any) + 1\n  }\n  parent.setAttribute('loading-number', loadingNumber.toString())\n\n  parent.appendChild(instance.$el)\n\n  // after instance render, then modify visible to trigger transition\n  nextTick().then(() => {\n    instance.visible!.value = (hasOwn(options, 'visible') ? options.visible : true) as any\n  })\n\n  if (options.fullscreen) {\n    globalLoadingOption.fullscreenLoading = instance\n  }\n  return instance\n}\n\nexport default Loading\n"],"names":[],"mappings":";;;;;;;AAeA,MAAM,WAA4B;AAAA,EAChC,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA;AAGf,MAAM,sBAA4C;AAAA,EAChD,mBAAmB;AAAA;AAGrB,MAAM,WAAW,OACf,SACA,QACA,aACG;AACH,QAAM,YAAoC;AAC1C,MAAI,QAAQ,YAAY;AACtB,aAAS,iBAAkB,QAAQ,SAAS,SAAS,MAAM;AAC3D,aAAS,iBAAkB,QAAQ,SAAS,SAAS,MAAM;AAC3D,cAAU,SAAS,aAAa;AAAA,aACvB,QAAQ,MAAM;AACvB,aAAS,iBAAkB,QAAQ,SAAS,SAAS,MAAM;AAM3D,UAAM;AACL,KAAC,OAAO,QAAQ,QAAQ,CAAC,aAAa;AACrC,YAAM,SAAS,aAAa,QAAQ,cAAc;AAClD,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB,YACxD,SAAS,KAAK,UACd,SAAS,gBAAgB,UACzB,SAAS,SAAS,SAAS,MAAM,UAAU,aAAa;AAAA;AAG3D,KAAC,UAAU,SAAS,QAAQ,CAAC,aAAa;AACzC,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB;AAAA;AAAA,SAGvD;AACL,aAAS,iBAAkB,QAAQ,SAAS,QAAQ;AAAA;AAEtD,SAAO,KAAK,WAAW,QAAQ,CAAC,aAAa;AAC3C,aAAS,IAAI,MAAM,YAAY,UAAU;AAAA;AAAA;AAI7C,MAAM,eAAe,CACnB,SACA,QACA,aACG;AACH,MACE,SAAS,iBAAkB,UAAU,cACrC,SAAS,iBAAkB,UAAU,SACrC;AACA,aAAS,QAAQ;AAAA,SACZ;AACL,gBAAY,QAAQ;AAAA;AAEtB,MAAI,QAAQ,cAAc,QAAQ,MAAM;AACtC,aAAS,QAAQ;AAAA,SACZ;AACL,gBAAY,QAAQ;AAAA;AAAA;MAIlB,UAAU,SAAU,UAA2B,IAAsB;AACzE,MAAI;AAAU,WAAO;AACrB,YAAU;AAAA,OACL;AAAA,OACA;AAAA;AAGL,MAAI,OAAO,QAAQ,WAAW,UAAU;AACtC,YAAQ,SAAS,SAAS,cAAc,QAAQ;AAAA;AAElD,UAAQ,SAAS,QAAQ,UAAU,SAAS;AAC5C,MAAI,QAAQ,WAAW,SAAS,MAAM;AACpC,YAAQ,aAAa;AAAA,SAChB;AACL,YAAQ,OAAO;AAAA;AAGjB,MAAI,QAAQ,cAAc,oBAAoB,mBAAmB;AAC/D,wBAAoB,kBAAkB;AAAA;AAGxC,QAAM,SAAS,QAAQ,OAAO,SAAS,OAAO,QAAQ;AACtD,UAAQ,SAAS;AAEjB,QAAM,WAAW,uBAAuB;AAAA,IACtC;AAAA,IACA;AAAA;AAGF,WAAS,SAAS,QAAQ;AAC1B,eAAa,SAAS,QAAQ;AAE9B,UAAQ,OAAO,uBAAuB,MAAM;AAC1C,iBAAa,SAAS,QAAQ;AAAA;AAWhC,MAAI,gBAAiC,OAAO,aAAa;AACzD,MAAI,CAAC,eAAe;AAClB,oBAAgB;AAAA,SACX;AACL,oBAAgB,OAAO,SAAS,iBAAwB;AAAA;AAE1D,SAAO,aAAa,kBAAkB,cAAc;AAEpD,SAAO,YAAY,SAAS;AAG5B,aAAW,KAAK,MAAM;AACpB,aAAS,QAAS,QAAS,OAAO,SAAS,aAAa,QAAQ,UAAU;AAAA;AAG5E,MAAI,QAAQ,YAAY;AACtB,wBAAoB,oBAAoB;AAAA;AAE1C,SAAO;AAAA;;;;"}

package/es/packages/components/loading/src/loading.type.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=loading.type.mjs.map

package/es/packages/components/loading/src/loading.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.type.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,6 +1,6 @@
 import '../../button/index.mjs';
 import { buildProps } from '../../../utils/props.mjs';
-import { buttonType } from '../../button/src/button2.mjs';
+import { buttonType } from '../../button/src/button.mjs';
 
 const popconfirmProps = buildProps({
   title: {

package/es/packages/components/radio/src/radio-button.vue_vue&type=script&lang.mjs

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref } from 'vue';
 import { useRadio, useRadioAttrs } from './useRadio.mjs';
 
 var script = defineComponent({
-  name: "ElRadioButton",
+  name: "PsRadioButton",
   props: {
     label: {
       type: [String, Number, Boolean],
@@ -20,15 +20,7 @@ var script = defineComponent({
       return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size;
     });
     const radioRef = ref();
-    const value = computed({
-      get() {
-        return radioGroup.modelValue;
-      },
-      set(value2) {
-        radioGroup.changeEvent(value2);
-        radioRef.value.checked = radioGroup.modelValue === props.label;
-      }
-    });
+    const value = computed(() => radioGroup.modelValue);
     const { isDisabled, tabIndex } = useRadioAttrs(props, {
       model: value,
       elForm,

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': value === label,\n        'is-disabled': isDisabled,\n        'is-focus': focus,\n      },\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"value === label\"\n    :aria-disabled=\"isDisabled\"\n    :tabindex=\"tabIndex\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"value\"\n      class=\"el-radio-button__original-radio\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"isDisabled\"\n      tabindex=\"-1\"\n    />\n    <span\n      class=\"el-radio-button__inner\"\n      :style=\"value === label ? activeStyle : null\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useRadio, useRadioAttrs } from './useRadio'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n\n  props: {\n    label: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    disabled: Boolean,\n    name: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } =\n      useRadio()\n\n    const size = computed(() => {\n      return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size\n    })\n\n    const radioRef = ref<HTMLInputElement>()\n\n    const value = computed<boolean | string | number>({\n      get() {\n        return radioGroup.modelValue\n      },\n      set(value) {\n        radioGroup.changeEvent(value)\n\n        radioRef.value.checked = radioGroup.modelValue === props.label\n      },\n    })\n\n    const { isDisabled, tabIndex } = useRadioAttrs(props, {\n      model: value,\n      elForm,\n      radioGroup,\n      isGroup,\n    })\n\n    const activeStyle = computed(() => {\n      return {\n        backgroundColor: radioGroup.fill || '',\n        borderColor: radioGroup.fill || '',\n        boxShadow: radioGroup.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup.textColor || '',\n      }\n    })\n\n    return {\n      isGroup,\n      size,\n      isDisabled,\n      tabIndex,\n      value,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAyCA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,EAAE,SAAS,YAAY,gBAAgB,SAAS,OAAO,WAC3D;AAEF,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,WAAW,kBAAkB,eAAe,SAAS,QAAQ;AAAA;AAGtE,UAAM,WAAW;AAEjB,UAAM,QAAQ,SAAoC;AAAA,MAChD,MAAM;AACJ,eAAO,WAAW;AAAA;AAAA,MAEpB,IAAI,QAAO;AACT,mBAAW,YAAY;AAEvB,iBAAS,MAAM,UAAU,WAAW,eAAe,MAAM;AAAA;AAAA;AAI7D,UAAM,EAAE,YAAY,aAAa,cAAc,OAAO;AAAA,MACpD,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA;AAGF,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO;AAAA,QACL,iBAAiB,WAAW,QAAQ;AAAA,QACpC,aAAa,WAAW,QAAQ;AAAA,QAChC,WAAW,WAAW,OAAO,cAAc,WAAW,SAAS;AAAA,QAC/D,OAAO,WAAW,aAAa;AAAA;AAAA;AAInC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"radio-button.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': value === label,\n        'is-disabled': isDisabled,\n        'is-focus': focus,\n      },\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"value === label\"\n    :aria-disabled=\"isDisabled\"\n    :tabindex=\"tabIndex\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"value\"\n      class=\"el-radio-button__original-radio\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"isDisabled\"\n      tabindex=\"-1\"\n    />\n    <span\n      class=\"el-radio-button__inner\"\n      :style=\"value === label ? activeStyle : null\"\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useRadio, useRadioAttrs } from './useRadio'\n\nexport default defineComponent({\n  name: 'PsRadioButton',\n  props: {\n    label: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    disabled: Boolean,\n    name: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } = useRadio()\n\n    const size = computed(() => {\n      return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size\n    })\n\n    const radioRef = ref<HTMLInputElement>()\n\n    const value = computed(() => radioGroup.modelValue)\n\n    const { isDisabled, tabIndex } = useRadioAttrs(props, {\n      model: value,\n      elForm,\n      radioGroup,\n      isGroup,\n    })\n\n    const activeStyle = computed(() => {\n      return {\n        backgroundColor: radioGroup.fill || '',\n        borderColor: radioGroup.fill || '',\n        boxShadow: radioGroup.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup.textColor || '',\n      }\n    })\n\n    return {\n      isGroup,\n      size,\n      isDisabled,\n      tabIndex,\n      value,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAwCA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,EAAE,SAAS,YAAY,gBAAgB,SAAS,OAAO,WAAW;AAExE,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,WAAW,kBAAkB,eAAe,SAAS,QAAQ;AAAA;AAGtE,UAAM,WAAW;AAEjB,UAAM,QAAQ,SAAS,MAAM,WAAW;AAExC,UAAM,EAAE,YAAY,aAAa,cAAc,OAAO;AAAA,MACpD,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA;AAGF,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO;AAAA,QACL,iBAAiB,WAAW,QAAQ;AAAA,QACpC,aAAa,WAAW,QAAQ;AAAA,QAChC,WAAW,WAAW,OAAO,cAAc,WAAW,SAAS;AAAA,QAC/D,OAAO,WAAW,aAAa;AAAA;AAAA;AAInC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/radio/src/radio-button.vue_vue&type=template&id=14e266b0&lang.mjs

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vModelRadio, normalizeStyle, withModifiers, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vModelRadio, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
 
 const _hoisted_1 = ["aria-checked", "aria-disabled", "tabindex"];
 const _hoisted_2 = ["value", "name", "disabled"];
@@ -31,14 +31,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     createElementVNode("span", {
       class: "el-radio-button__inner",
-      style: normalizeStyle(_ctx.value === _ctx.label ? _ctx.activeStyle : null),
-      onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
-      }, ["stop"]))
+      style: normalizeStyle(_ctx.value === _ctx.label ? _ctx.activeStyle : null)
     }, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createTextVNode(toDisplayString(_ctx.label), 1)
       ])
-    ], 36)
+    ], 4)
   ], 10, _hoisted_1);
 }
 

package/es/packages/components/radio/src/radio-button.vue_vue&type=template&id=14e266b0&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.vue_vue&type=template&id=14e266b0&lang.mjs","sources":["../../../../../../../packages/components/radio/src/radio-button.vue?vue&type=template&id=14e266b0&lang.js"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': value === label,\n        'is-disabled': isDisabled,\n        'is-focus': focus,\n      },\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"value === label\"\n    :aria-disabled=\"isDisabled\"\n    :tabindex=\"tabIndex\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"value\"\n      class=\"el-radio-button__original-radio\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"isDisabled\"\n      tabindex=\"-1\"\n    />\n    <span\n      class=\"el-radio-button__inner\"\n      :style=\"value === label ? activeStyle : null\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useRadio, useRadioAttrs } from './useRadio'\n\nexport default defineComponent({\n  name: 'ElRadioButton',\n\n  props: {\n    label: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    disabled: Boolean,\n    name: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } =\n      useRadio()\n\n    const size = computed(() => {\n      return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size\n    })\n\n    const radioRef = ref<HTMLInputElement>()\n\n    const value = computed<boolean | string | number>({\n      get() {\n        return radioGroup.modelValue\n      },\n      set(value) {\n        radioGroup.changeEvent(value)\n\n        radioRef.value.checked = radioGroup.modelValue === props.label\n      },\n    })\n\n    const { isDisabled, tabIndex } = useRadioAttrs(props, {\n      model: value,\n      elForm,\n      radioGroup,\n      isGroup,\n    })\n\n    const activeStyle = computed(() => {\n      return {\n        backgroundColor: radioGroup.fill || '',\n        borderColor: radioGroup.fill || '',\n        boxShadow: radioGroup.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup.textColor || '',\n      }\n    })\n\n    return {\n      isGroup,\n      size,\n      isDisabled,\n      tabIndex,\n      value,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;sBACEA;IACE,uBAAM;;;;;;;;IASN,MAAK;AAAA,IACJ,gBAAc,eAAU;IACxB,iBAAe;IACf,UAAU;;mBAEXC;MACE,KAAI;AAAA,mEACK;MACT,OAAM;AAAA,MACL,OAAO;MACR,MAAK;AAAA,MACJ,MAAM;MACN,UAAU;MACX,UAAS;AAAA;oBANA;;IAQXA;MACE,OAAM;AAAA,MACL,sBAAO,eAAU,aAAQ;MACzB,mDAAD;;;MAEAC,uCAAA;wCACK;;;;;;;;"}
+{"version":3,"file":"radio-button.vue_vue&type=template&id=14e266b0&lang.mjs","sources":["../../../../../../../packages/components/radio/src/radio-button.vue?vue&type=template&id=14e266b0&lang.js"],"sourcesContent":["<template>\n  <label\n    class=\"el-radio-button\"\n    :class=\"[\n      size ? 'el-radio-button--' + size : '',\n      {\n        'is-active': value === label,\n        'is-disabled': isDisabled,\n        'is-focus': focus,\n      },\n    ]\"\n    role=\"radio\"\n    :aria-checked=\"value === label\"\n    :aria-disabled=\"isDisabled\"\n    :tabindex=\"tabIndex\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"value\"\n      class=\"el-radio-button__original-radio\"\n      :value=\"label\"\n      type=\"radio\"\n      :name=\"name\"\n      :disabled=\"isDisabled\"\n      tabindex=\"-1\"\n    />\n    <span\n      class=\"el-radio-button__inner\"\n      :style=\"value === label ? activeStyle : null\"\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useRadio, useRadioAttrs } from './useRadio'\n\nexport default defineComponent({\n  name: 'PsRadioButton',\n  props: {\n    label: {\n      type: [String, Number, Boolean],\n      default: '',\n    },\n    disabled: Boolean,\n    name: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { isGroup, radioGroup, elFormItemSize, ELEMENT, focus, elForm } = useRadio()\n\n    const size = computed(() => {\n      return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size\n    })\n\n    const radioRef = ref<HTMLInputElement>()\n\n    const value = computed(() => radioGroup.modelValue)\n\n    const { isDisabled, tabIndex } = useRadioAttrs(props, {\n      model: value,\n      elForm,\n      radioGroup,\n      isGroup,\n    })\n\n    const activeStyle = computed(() => {\n      return {\n        backgroundColor: radioGroup.fill || '',\n        borderColor: radioGroup.fill || '',\n        boxShadow: radioGroup.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n        color: radioGroup.textColor || '',\n      }\n    })\n\n    return {\n      isGroup,\n      size,\n      isDisabled,\n      tabIndex,\n      value,\n      focus,\n      activeStyle,\n      radioRef,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;sBACEA;IACE,uBAAM;;;;;;;;IASN,MAAK;AAAA,IACJ,gBAAc,eAAU;IACxB,iBAAe;IACf,UAAU;;mBAEXC;MACE,KAAI;AAAA,mEACK;MACT,OAAM;AAAA,MACL,OAAO;MACR,MAAK;AAAA,MACJ,MAAM;MACN,UAAU;MACX,UAAS;AAAA;oBANA;;IAQXA;MACE,OAAM;AAAA,MACL,sBAAO,eAAU,aAAQ;;MAE1BC,uCAAA;wCACK;;;;;;;;"}

package/es/plugin.d.ts

@@ -1,2 +1,10 @@
-declare const _default: import("../utils/types").SFCWithInstall<import("vue").ObjectDirective<any, any>>[];
+declare const _default: ({
+    install(app: import("vue").App<any>): void;
+    directive: {
+        mounted(el: import("../components/loading/src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
+        updated(el: import("../components/loading/src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
+        unmounted(el: import("../components/loading/src/directive").ElementLoading): void;
+    };
+    service: (options?: import("element-ps/es/components/loading").ILoadingOptions) => import("element-ps/es/components/loading").ILoadingInstance;
+} | import("../utils/types").SFCWithInstall<import("vue").ObjectDirective<any, any>>)[];
 export default _default;

package/es/plugin.mjs

@@ -1,6 +1,8 @@
+import PsLoading from './packages/components/loading/index.mjs';
 import { PsPopoverDirective } from './packages/components/popover/index.mjs';
 
 var Plugins = [
+  PsLoading,
   PsPopoverDirective
 ];
 

package/es/plugin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.mjs","sources":["../../../packages/element-ps/plugin.ts"],"sourcesContent":["/*import { PsInfiniteScroll } from '@element-ps/components/infinite-scroll'\nimport { PsLoading } from '@element-ps/components/loading'\nimport { PsMessage } from '@element-ps/components/message'\nimport { PsMessageBox } from '@element-ps/components/message-box'\nimport { PsNotification } from '@element-ps/components/notification'*/\nimport { PsPopoverDirective } from '@element-ps/components/popover'\n\nexport default [\n  /*PsInfiniteScroll,\n  PsLoading,\n  PsMessage,\n  PsMessageBox,\n  PsNotification,*/\n  PsPopoverDirective,\n]\n"],"names":[],"mappings":";;AAOA,cAAe;AAAA,EAMb;AAAA;;;;"}
+{"version":3,"file":"plugin.mjs","sources":["../../../packages/element-ps/plugin.ts"],"sourcesContent":["/*import { PsInfiniteScroll } from '@element-ps/components/infinite-scroll'\n*/\nimport { PsLoading } from '@element-ps/components/loading'\n/*\nimport { PsMessage } from '@element-ps/components/message'\nimport { PsMessageBox } from '@element-ps/components/message-box'\nimport { PsNotification } from '@element-ps/components/notification'*/\nimport { PsPopoverDirective } from '@element-ps/components/popover'\n\nexport default [\n  /*PsInfiniteScroll,*/\n  PsLoading,\n  /*\n  PsMessage,\n  PsMessageBox,\n  PsNotification,*/\n  PsPopoverDirective,\n]\n"],"names":[],"mappings":";;;AASA,cAAe;AAAA,EAEb;AAAA,EAKA;AAAA;;;;"}

package/lib/components/cascader/index.d.ts

@@ -79,6 +79,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             inputStyle: import("element-ps/es/utils/types").StyleValue;
             maxlength: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+            widget: string;
         }> & Omit<Readonly<{
             readonly modelValue?: unknown;
             readonly type?: unknown;
@@ -98,6 +99,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly validateEvent?: unknown;
             readonly inputStyle?: unknown;
             readonly maxlength?: unknown;
+            readonly widget?: unknown;
             readonly size?: unknown;
             readonly disabled?: unknown;
         } & {
@@ -125,7 +127,8 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             label?: string | undefined;
             tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
             maxlength?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
-        }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "maxlength">;
+            widget?: string | undefined;
+        }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "maxlength" | "widget">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -158,6 +161,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly validateEvent?: unknown;
             readonly inputStyle?: unknown;
             readonly maxlength?: unknown;
+            readonly widget?: unknown;
             readonly size?: unknown;
             readonly disabled?: unknown;
         } & {
@@ -185,6 +189,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             label?: string | undefined;
             tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
             maxlength?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+            widget?: string | undefined;
         }>, {
             input: import("vue").Ref<HTMLInputElement | undefined>;
             textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
@@ -228,6 +233,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             inputStyle: import("element-ps/es/utils/types").StyleValue;
             maxlength: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+            widget: string;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -267,6 +273,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         readonly validateEvent?: unknown;
         readonly inputStyle?: unknown;
         readonly maxlength?: unknown;
+        readonly widget?: unknown;
         readonly size?: unknown;
         readonly disabled?: unknown;
     } & {
@@ -294,6 +301,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         label?: string | undefined;
         tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
         maxlength?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+        widget?: string | undefined;
     }> & import("vue").ShallowUnwrapRef<{
         input: import("vue").Ref<HTMLInputElement | undefined>;
         textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
@@ -459,6 +467,7 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
             validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             inputStyle: import("element-ps/es/utils/types").StyleValue;
             maxlength: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+            widget: string;
         }> & Omit<Readonly<{
             readonly modelValue?: unknown;
             readonly type?: unknown;
@@ -478,6 +487,7 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly validateEvent?: unknown;
             readonly inputStyle?: unknown;
             readonly maxlength?: unknown;
+            readonly widget?: unknown;
             readonly size?: unknown;
             readonly disabled?: unknown;
         } & {
@@ -505,7 +515,8 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
             label?: string | undefined;
             tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
             maxlength?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
-        }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "maxlength">;
+            widget?: string | undefined;
+        }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "maxlength" | "widget">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -538,6 +549,7 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly validateEvent?: unknown;
             readonly inputStyle?: unknown;
             readonly maxlength?: unknown;
+            readonly widget?: unknown;
             readonly size?: unknown;
             readonly disabled?: unknown;
         } & {
@@ -565,6 +577,7 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
             label?: string | undefined;
             tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
             maxlength?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+            widget?: string | undefined;
         }>, {
             input: import("vue").Ref<HTMLInputElement | undefined>;
             textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
@@ -608,6 +621,7 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
             validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             inputStyle: import("element-ps/es/utils/types").StyleValue;
             maxlength: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+            widget: string;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -647,6 +661,7 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
         readonly validateEvent?: unknown;
         readonly inputStyle?: unknown;
         readonly maxlength?: unknown;
+        readonly widget?: unknown;
         readonly size?: unknown;
         readonly disabled?: unknown;
     } & {
@@ -674,6 +689,7 @@ export declare const PsCascader: SFCWithInstall<import("vue").DefineComponent<{
         label?: string | undefined;
         tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
         maxlength?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+        widget?: string | undefined;
     }> & import("vue").ShallowUnwrapRef<{
         input: import("vue").Ref<HTMLInputElement | undefined>;
         textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;

package/lib/components/cascader/src/index.vue.d.ts

@@ -81,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
             validateEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             inputStyle: import("element-ps/es/utils/types").StyleValue;
             maxlength: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+            widget: string;
         }> & Omit<Readonly<{
             readonly modelValue?: unknown;
             readonly type?: unknown;
@@ -100,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validateEvent?: unknown;
             readonly inputStyle?: unknown;
             readonly maxlength?: unknown;
+            readonly widget?: unknown;
             readonly size?: unknown;
             readonly disabled?: unknown;
         } & {
@@ -127,7 +129,8 @@ declare const _default: import("vue").DefineComponent<{
             label?: string | undefined;
             tabindex?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
             maxlength?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
-        }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "maxlength">;
+            widget?: string | undefined;
+        }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "maxlength" | "widget">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -160,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validateEvent?: unknown;
             readonly inputStyle?: unknown;
             readonly maxlength?: unknown;
+            readonly widget?: unknown;
             readonly size?: unknown;
             readonly disabled?: unknown;
         } & {
@@ -187,6 +191,7 @@ declare const _default: import("vue").DefineComponent<{
             label?: string | undefined;
             tabindex?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
             maxlength?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+            widget?: string | undefined;
         }>, {
             input: Ref<HTMLInputElement | undefined>;
             textarea: Ref<HTMLTextAreaElement | undefined>;
@@ -230,6 +235,7 @@ declare const _default: import("vue").DefineComponent<{
             validateEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             inputStyle: import("element-ps/es/utils/types").StyleValue;
             maxlength: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+            widget: string;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -269,6 +275,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validateEvent?: unknown;
         readonly inputStyle?: unknown;
         readonly maxlength?: unknown;
+        readonly widget?: unknown;
         readonly size?: unknown;
         readonly disabled?: unknown;
     } & {
@@ -296,6 +303,7 @@ declare const _default: import("vue").DefineComponent<{
         label?: string | undefined;
         tabindex?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
         maxlength?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+        widget?: string | undefined;
     }> & import("vue").ShallowUnwrapRef<{
         input: Ref<HTMLInputElement | undefined>;
         textarea: Ref<HTMLTextAreaElement | undefined>;

package/lib/components/color-picker/index.d.ts

@@ -32,8 +32,8 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
 } & {
     size?: import("element-ps/es/utils/types").ComponentSize | undefined;
     modelValue?: string | undefined;
-    popperClass?: string | undefined;
     widget?: string | undefined;
+    popperClass?: string | undefined;
     colorFormat?: string | undefined;
     predefine?: unknown[] | undefined;
 }>, {
@@ -74,8 +74,8 @@ export declare const PsColorPicker: SFCWithInstall<import("vue").DefineComponent
 } & {
     size?: import("element-ps/es/utils/types").ComponentSize | undefined;
     modelValue?: string | undefined;
-    popperClass?: string | undefined;
     widget?: string | undefined;
+    popperClass?: string | undefined;
     colorFormat?: string | undefined;
     predefine?: unknown[] | undefined;
 }>, {

package/lib/components/color-picker/src/index.vue.d.ts

@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     size?: ComponentSize | undefined;
     modelValue?: string | undefined;
-    popperClass?: string | undefined;
     widget?: string | undefined;
+    popperClass?: string | undefined;
     colorFormat?: string | undefined;
     predefine?: unknown[] | undefined;
 }>, {

package/lib/components/index.d.ts

@@ -64,4 +64,5 @@ export * from './tree';
 export * from './tree-v2';
 export * from './upload';
 export * from './virtual-list';
+export * from './loading';
 export * from './popover';

package/lib/components/input/index.d.ts

@@ -20,6 +20,7 @@ export declare const PsInput: import("../../utils/types").SFCWithInstall<import(
     readonly validateEvent: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly inputStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("../../utils/types").StyleValue>, () => import("../../utils/types").Mutable<{}>, unknown, unknown, unknown>;
     readonly maxlength: import("../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+    readonly widget: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
     readonly disabled: BooleanConstructor;
 }, {
@@ -60,6 +61,7 @@ export declare const PsInput: import("../../utils/types").SFCWithInstall<import(
     readonly validateEvent?: unknown;
     readonly inputStyle?: unknown;
     readonly maxlength?: unknown;
+    readonly widget?: unknown;
     readonly size?: unknown;
     readonly disabled?: unknown;
 } & {
@@ -87,6 +89,7 @@ export declare const PsInput: import("../../utils/types").SFCWithInstall<import(
     label?: string | undefined;
     tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     maxlength?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+    widget?: string | undefined;
 }>, {
     type: string;
     size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
@@ -111,6 +114,7 @@ export declare const PsInput: import("../../utils/types").SFCWithInstall<import(
     validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     inputStyle: import("../../utils/types").StyleValue;
     maxlength: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+    widget: string;
 }>> & Record<string, any>;
 export default PsInput;
 export * from './src/input';

package/lib/components/input/src/input.d.ts

@@ -23,6 +23,7 @@ export declare const inputProps: {
     readonly validateEvent: import("element-ps/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly inputStyle: import("element-ps/es/utils/props").BuildPropReturn<import("element-ps/es/utils/props").PropWrapper<StyleValue>, () => import("element-ps/es/utils/types").Mutable<{}>, unknown, unknown, unknown>;
     readonly maxlength: import("element-ps/es/utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+    readonly widget: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly size: import("element-ps/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
     readonly disabled: BooleanConstructor;
 };

package/lib/components/input/src/input.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly validateEvent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly inputStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<StyleValue>, () => import("element-ps/es/utils/types").Mutable<{}>, unknown, unknown, unknown>;
     readonly maxlength: import("../../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+    readonly widget: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
     readonly disabled: BooleanConstructor;
 }, {
@@ -61,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly validateEvent?: unknown;
     readonly inputStyle?: unknown;
     readonly maxlength?: unknown;
+    readonly widget?: unknown;
     readonly size?: unknown;
     readonly disabled?: unknown;
 } & {
@@ -88,6 +90,7 @@ declare const _default: import("vue").DefineComponent<{
     label?: string | undefined;
     tabindex?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     maxlength?: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
+    widget?: string | undefined;
 }>, {
     type: string;
     size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
@@ -112,5 +115,6 @@ declare const _default: import("vue").DefineComponent<{
     validateEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     inputStyle: StyleValue;
     maxlength: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+    widget: string;
 }>;
 export default _default;

package/lib/components/loading/index.d.ts

@@ -0,0 +1,19 @@
+import type { App } from 'vue';
+declare const PsLoading: {
+    install(app: App): void;
+    directive: {
+        mounted(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
+        updated(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
+        unmounted(el: import("./src/directive").ElementLoading): void;
+    };
+    service: (options?: import("./src/loading.type").ILoadingOptions) => import("./src/loading.type").ILoadingInstance;
+};
+export default PsLoading;
+export { PsLoading };
+export declare const PsLoadingDirective: {
+    mounted(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
+    updated(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
+    unmounted(el: import("./src/directive").ElementLoading): void;
+};
+export declare const PsLoadingService: (options?: import("./src/loading.type").ILoadingOptions) => import("./src/loading.type").ILoadingInstance;
+export * from './src/loading.type';

package/lib/components/loading/src/createLoadingComponent.d.ts

@@ -0,0 +1,2 @@
+import type { ILoadingCreateComponentParams, ILoadingInstance } from './loading.type';
+export declare function createLoadingComponent({ options, globalLoadingOption, }: ILoadingCreateComponentParams): ILoadingInstance;

package/lib/components/loading/src/directive.d.ts

@@ -0,0 +1,12 @@
+import type { DirectiveBinding } from 'vue';
+import type { ILoadingInstance } from './loading.type';
+declare const INSTANCE_NAME = "PsLoading";
+export interface ElementLoading extends HTMLElement {
+    [INSTANCE_NAME]?: ILoadingInstance;
+}
+declare const vLoading: {
+    mounted(el: ElementLoading, binding: DirectiveBinding): void;
+    updated(el: ElementLoading, binding: DirectiveBinding): void;
+    unmounted(el: ElementLoading): void;
+};
+export default vLoading;

package/lib/components/loading/src/index.d.ts

@@ -0,0 +1,3 @@
+import type { ILoadingInstance, ILoadingOptions } from './loading.type';
+declare const Loading: (options?: ILoadingOptions) => ILoadingInstance;
+export default Loading;