element-ps 1.0.1 → 1.0.5

package/dist/index.full.js

@@ -3839,7 +3839,7 @@
   script$1T.render = render$1M;
   script$1T.__file = "packages/components/Loading.vue";
 
-  var Loading = script$1T;
+  var Loading$2 = script$1T;
 
   var script$1S = vue.defineComponent({
     name: "Minus"
@@ -4474,6 +4474,9 @@
     },
     maxlength: {
       type: [Number, String]
+    },
+    widget: {
+      type: String
     }
   });
 
@@ -4605,32 +4608,33 @@
     }
   });
 
-  const _hoisted_1$17 = {
+  const _hoisted_1$17 = ["widget"];
+  const _hoisted_2$K = {
     key: 0,
     class: "el-input-group__prepend"
   };
-  const _hoisted_2$K = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-  const _hoisted_3$v = {
+  const _hoisted_3$v = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+  const _hoisted_4$n = {
     key: 1,
     class: "el-input__prefix"
   };
-  const _hoisted_4$n = { class: "el-input__prefix-inner" };
-  const _hoisted_5$i = {
+  const _hoisted_5$i = { class: "el-input__prefix-inner" };
+  const _hoisted_6$b = {
     key: 2,
     class: "el-input__suffix"
   };
-  const _hoisted_6$b = { class: "el-input__suffix-inner" };
-  const _hoisted_7$8 = {
+  const _hoisted_7$8 = { class: "el-input__suffix-inner" };
+  const _hoisted_8$5 = {
     key: 3,
     class: "el-input__count"
   };
-  const _hoisted_8$5 = { class: "el-input__count-inner" };
-  const _hoisted_9$3 = {
+  const _hoisted_9$3 = { class: "el-input__count-inner" };
+  const _hoisted_10$2 = {
     key: 3,
     class: "el-input-group__append"
   };
-  const _hoisted_10$2 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const _hoisted_11$1 = {
+  const _hoisted_11$1 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+  const _hoisted_12$1 = {
     key: 0,
     class: "el-input__count"
   };
@@ -4654,12 +4658,13 @@
         },
         _ctx.$attrs.class
       ]),
-      style: vue.normalizeStyle(_ctx.containerStyle)
+      style: vue.normalizeStyle(_ctx.containerStyle),
+      widget: _ctx.widget
     }, [
       vue.createCommentVNode(" input "),
       _ctx.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         vue.createCommentVNode(" prepend slot "),
-        _ctx.$slots.prepend ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
+        _ctx.$slots.prepend ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$K, [
           vue.renderSlot(_ctx.$slots, "prepend")
         ])) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("input", vue.mergeProps({
@@ -4674,10 +4679,10 @@
           "aria-label": _ctx.label,
           placeholder: _ctx.placeholder,
           style: _ctx.inputStyle
-        }), null, 16, _hoisted_2$K),
+        }), null, 16, _hoisted_3$v),
         vue.createCommentVNode(" prefix slot "),
-        _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, [
-          vue.createElementVNode("span", _hoisted_4$n, [
+        _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, [
+          vue.createElementVNode("span", _hoisted_5$i, [
             vue.renderSlot(_ctx.$slots, "prefix"),
             _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
               key: 0,
@@ -4691,8 +4696,8 @@
           ])
         ])) : vue.createCommentVNode("v-if", true),
         vue.createCommentVNode(" suffix slot "),
-        _ctx.suffixVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$i, [
-          vue.createElementVNode("span", _hoisted_6$b, [
+        _ctx.suffixVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$b, [
+          vue.createElementVNode("span", _hoisted_7$8, [
             !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.renderSlot(_ctx.$slots, "suffix"),
               _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
@@ -4723,8 +4728,8 @@
               ]),
               _: 1
             })) : vue.createCommentVNode("v-if", true),
-            _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$8, [
-              vue.createElementVNode("span", _hoisted_8$5, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)
+            _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$5, [
+              vue.createElementVNode("span", _hoisted_9$3, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)
             ])) : vue.createCommentVNode("v-if", true)
           ]),
           _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
@@ -4738,7 +4743,7 @@
           })) : vue.createCommentVNode("v-if", true)
         ])) : vue.createCommentVNode("v-if", true),
         vue.createCommentVNode(" append slot "),
-        _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, [
+        _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
           vue.renderSlot(_ctx.$slots, "append")
         ])) : vue.createCommentVNode("v-if", true)
       ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -4754,10 +4759,10 @@
           style: _ctx.computedTextareaStyle,
           "aria-label": _ctx.label,
           placeholder: _ctx.placeholder
-        }), null, 16, _hoisted_10$2),
-        _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$1, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)) : vue.createCommentVNode("v-if", true)
+        }), null, 16, _hoisted_11$1),
+        _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12$1, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)) : vue.createCommentVNode("v-if", true)
       ], 64))
-    ], 6)), [
+    ], 14, _hoisted_1$17)), [
       [vue.vShow, _ctx.type !== "hidden"]
     ]);
   }
@@ -5313,7 +5318,7 @@
     name: "PsButton",
     components: {
       PsIcon,
-      Loading
+      Loading: Loading$2
     },
     props: buttonProps,
     setup(props, { slots }) {
@@ -7708,7 +7713,7 @@
   script$1l.__file = "packages/components/radio/src/radio.vue";
 
   var script$1k = vue.defineComponent({
-    name: "ElRadioButton",
+    name: "PsRadioButton",
     props: {
       label: {
         type: [String, Number, Boolean],
@@ -7726,15 +7731,7 @@
         return radioGroup.radioGroupSize || elFormItemSize.value || ELEMENT.size;
       });
       const radioRef = vue.ref();
-      const value = vue.computed({
-        get() {
-          return radioGroup.modelValue;
-        },
-        set(value2) {
-          radioGroup.changeEvent(value2);
-          radioRef.value.checked = radioGroup.modelValue === props.label;
-        }
-      });
+      const value = vue.computed(() => radioGroup.modelValue);
       const { isDisabled, tabIndex } = useRadioAttrs(props, {
         model: value,
         elForm,
@@ -7793,14 +7790,12 @@
       ]),
       vue.createElementVNode("span", {
         class: "el-radio-button__inner",
-        style: vue.normalizeStyle(_ctx.value === _ctx.label ? _ctx.activeStyle : null),
-        onKeydown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-        }, ["stop"]))
+        style: vue.normalizeStyle(_ctx.value === _ctx.label ? _ctx.activeStyle : null)
       }, [
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ])
-      ], 36)
+      ], 4)
     ], 10, _hoisted_1$T);
   }
 
@@ -7900,7 +7895,7 @@
       NodeContent,
       PsIcon: PsIcon$1,
       Check,
-      Loading,
+      Loading: Loading$2,
       ArrowRight
     },
     props: {
@@ -19723,7 +19718,7 @@
 
   var script$n = vue.defineComponent({
     name: "PsSwitch",
-    components: { PsIcon: PsIcon$1, Loading },
+    components: { PsIcon: PsIcon$1, Loading: Loading$2 },
     props: {
       modelValue: {
         type: [Boolean, String, Number],
@@ -23721,7 +23716,7 @@
       ];
       let icon = ArrowRight;
       if (treeNode.loading) {
-        icon = Loading;
+        icon = Loading$2;
       }
       ele.push(vue.h("div", {
         class: expandClasses
@@ -26164,7 +26159,7 @@
       PsCheckbox,
       NodeContent: script$b,
       PsIcon,
-      Loading
+      Loading: Loading$2
     },
     props: {
       node: {
@@ -29714,6 +29709,280 @@
   const _Upload = script$3;
   const PsUpload = _Upload;
 
+  function createLoadingComponent({
+    options,
+    globalLoadingOption
+  }) {
+    let vm = null;
+    let afterLeaveTimer = null;
+    const afterLeaveFlag = vue.ref(false);
+    const data = vue.reactive({
+      ...options,
+      originalPosition: "",
+      originalOverflow: "",
+      visible: false
+    });
+    function setText(text) {
+      data.text = text;
+    }
+    function destroySelf() {
+      const target = data.parent;
+      if (!target.vLoadingAddClassList) {
+        let loadingNumber = target.getAttribute("loading-number");
+        loadingNumber = Number.parseInt(loadingNumber) - 1;
+        if (!loadingNumber) {
+          removeClass(target, "el-loading-parent--relative");
+          target.removeAttribute("loading-number");
+        } else {
+          target.setAttribute("loading-number", loadingNumber.toString());
+        }
+        removeClass(target, "el-loading-parent--hidden");
+      }
+      if (vm.el && vm.el.parentNode) {
+        vm.el.parentNode.removeChild(vm.el);
+      }
+    }
+    function close() {
+      const target = data.parent;
+      target.vLoadingAddClassList = null;
+      if (data.fullscreen) {
+        globalLoadingOption.fullscreenLoading = void 0;
+      }
+      afterLeaveFlag.value = true;
+      clearTimeout(afterLeaveTimer);
+      afterLeaveTimer = window.setTimeout(() => {
+        if (afterLeaveFlag.value) {
+          afterLeaveFlag.value = false;
+          destroySelf();
+        }
+      }, 400);
+      data.visible = false;
+    }
+    function handleAfterLeave() {
+      if (!afterLeaveFlag.value)
+        return;
+      afterLeaveFlag.value = false;
+      destroySelf();
+    }
+    const componentSetupConfig = {
+      ...vue.toRefs(data),
+      setText,
+      close,
+      handleAfterLeave
+    };
+    const elLoadingComponent = {
+      name: "PsLoading",
+      setup() {
+        return componentSetupConfig;
+      },
+      render() {
+        const spinner = vue.h("svg", {
+          class: "circular",
+          viewBox: this.svgViewBox ? this.svgViewBox : "25 25 50 50",
+          ...this.svg ? { innerHTML: this.svg } : {}
+        }, [
+          vue.h("circle", {
+            class: "path",
+            cx: "50",
+            cy: "50",
+            r: "20",
+            fill: "none"
+          })
+        ]);
+        const noSpinner = vue.h("i", { class: this.spinner });
+        const spinnerText = vue.h("p", { class: "el-loading-text" }, [this.text]);
+        return vue.h(vue.Transition, {
+          name: "el-loading-fade",
+          onAfterLeave: this.handleAfterLeave
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createVNode("div", {
+              style: {
+                backgroundColor: this.background || ""
+              },
+              class: [
+                "el-loading-mask",
+                this.customClass,
+                this.fullscreen ? "is-fullscreen" : ""
+              ]
+            }, [
+              vue.h("div", {
+                class: "el-loading-spinner"
+              }, [
+                !this.spinner ? spinner : noSpinner,
+                this.text ? spinnerText : null
+              ])
+            ]), [[vue.vShow, this.visible]])
+          ])
+        });
+      }
+    };
+    vm = vue.createVNode(elLoadingComponent);
+    vue.render(vm, document.createElement("div"));
+    return {
+      ...componentSetupConfig,
+      vm,
+      get $el() {
+        return vm.el;
+      }
+    };
+  }
+
+  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$1.nextZIndex();
+    } else if (options.body) {
+      instance.originalPosition.value = getStyle(document.body, "position");
+      await vue.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);
+    vue.nextTick().then(() => {
+      instance.visible.value = hasOwn(options, "visible") ? options.visible : true;
+    });
+    if (options.fullscreen) {
+      globalLoadingOption.fullscreenLoading = instance;
+    }
+    return instance;
+  };
+  var Loading$1 = Loading;
+
+  const INSTANCE_NAME = "PsLoading";
+  const createInstance = (el, binding) => {
+    const textExr = el.getAttribute("element-loading-text");
+    const spinnerExr = el.getAttribute("element-loading-spinner");
+    const svgExr = el.getAttribute("element-loading-svg");
+    const svgViewBoxExr = el.getAttribute("element-loading-svg-view-box");
+    const backgroundExr = el.getAttribute("element-loading-background");
+    const customClassExr = el.getAttribute("element-loading-custom-class");
+    const vm = binding.instance;
+    el[INSTANCE_NAME] = Loading$1({
+      text: vm && vm[textExr] || textExr,
+      svg: vm && vm[svgExr] || svgExr,
+      svgViewBox: vm && vm[svgViewBoxExr] || svgViewBoxExr,
+      spinner: vm && vm[spinnerExr] || spinnerExr,
+      background: vm && vm[backgroundExr] || backgroundExr,
+      customClass: vm && vm[customClassExr] || customClassExr,
+      fullscreen: !!binding.modifiers.fullscreen,
+      target: binding.modifiers.fullscreen ? null : el,
+      body: !!binding.modifiers.body,
+      visible: true,
+      lock: !!binding.modifiers.lock
+    });
+  };
+  const vLoading = {
+    mounted(el, binding) {
+      if (binding.value) {
+        createInstance(el, binding);
+      }
+    },
+    updated(el, binding) {
+      const instance = el[INSTANCE_NAME];
+      if (binding.oldValue !== binding.value) {
+        if (binding.value) {
+          createInstance(el, binding);
+        } else {
+          instance == null ? void 0 : instance.close();
+        }
+      }
+    },
+    unmounted(el) {
+      var _a;
+      (_a = el[INSTANCE_NAME]) == null ? void 0 : _a.close();
+    }
+  };
+  var vLoading$1 = vLoading;
+
+  const PsLoading = {
+    install(app) {
+      app.directive("loading", vLoading$1);
+      app.config.globalProperties.$loading = Loading$1;
+    },
+    directive: vLoading$1,
+    service: Loading$1
+  };
+  const PsLoadingDirective = vLoading$1;
+  const PsLoadingService = Loading$1;
+
   const SHOW_EVENT = "show";
   const HIDE_EVENT = "hide";
   function usePopover(props, ctx) {
@@ -30358,6 +30627,7 @@
   var Components = Comps;
 
   var Plugins = [
+    PsLoading,
     PsPopoverDirective
   ];
 
@@ -30426,6 +30696,9 @@
   exports.PsInput = PsInput;
   exports.PsInputNumber = PsInputNumber;
   exports.PsLink = PsLink;
+  exports.PsLoading = PsLoading;
+  exports.PsLoadingDirective = PsLoadingDirective;
+  exports.PsLoadingService = PsLoadingService;
   exports.PsMain = PsMain;
   exports.PsMenu = PsMenu;
   exports.PsMenuItem = PsMenuItem;