element-ps 1.0.0-alpha.6 → 1.0.1

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

@@ -0,0 +1,178 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+require('../../../tokens/index.js');
+var index = require('../../icon/index.js');
+var icons = require('@element-plus/icons');
+var form = require('../../../tokens/form.js');
+
+var script = vue.defineComponent({
+  name: "PsRate",
+  components: { PsIcon: index.PsIcon, StarFilled: icons.StarFilled, Star: icons.Star },
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    lowThreshold: {
+      type: Number,
+      default: 2
+    },
+    highThreshold: {
+      type: Number,
+      default: 4
+    },
+    max: {
+      type: Number,
+      default: 5
+    },
+    colors: {
+      type: [Array, Object],
+      default: () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"]
+    },
+    voidColor: {
+      type: String,
+      default: "#C6D1DE"
+    },
+    disabledVoidColor: {
+      type: String,
+      default: "#EFF2F7"
+    },
+    icons: {
+      type: [Array, Object],
+      default: () => [icons.StarFilled, icons.StarFilled, icons.StarFilled]
+    },
+    voidIcon: {
+      type: [String, Object],
+      default: icons.Star
+    },
+    disabledvoidIcon: {
+      type: [String, Object],
+      default: icons.StarFilled
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    allowHalf: {
+      type: Boolean,
+      default: false
+    },
+    showText: {
+      type: Boolean,
+      default: false
+    },
+    showScore: {
+      type: Boolean,
+      default: false
+    },
+    textColor: {
+      type: String,
+      default: "#1f2d3d"
+    },
+    texts: {
+      type: Array,
+      default: () => [
+        "Extremely bad",
+        "Disappointed",
+        "Fair",
+        "Satisfied",
+        "Surprise"
+      ]
+    },
+    scoreTemplate: {
+      type: String,
+      default: "{value}"
+    }
+  },
+  setup(props) {
+    const elForm = vue.inject(form.elFormKey, {});
+    const currentValue = vue.ref(props.modelValue);
+    const rateDisabled = vue.computed(() => props.disabled || elForm.disabled);
+    const text = vue.computed(() => {
+      let result = "";
+      if (props.showScore) {
+        result = props.scoreTemplate.replace(/\{\s*value\s*\}/, rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`);
+      } else if (props.showText) {
+        result = props.texts[Math.ceil(currentValue.value) - 1];
+      }
+      return result;
+    });
+    function getValueFromMap(value, map) {
+      const matchedKeys = Object.keys(map).filter((key) => {
+        const val = map[key];
+        const excluded = shared.isObject(val) ? val.excluded : false;
+        return excluded ? value < key : value <= key;
+      }).sort((a, b) => a - b);
+      const matchedValue = map[matchedKeys[0]];
+      return shared.isObject(matchedValue) ? matchedValue.value || matchedValue : matchedValue || "";
+    }
+    const valueDecimal = vue.computed(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
+    const colorMap = vue.computed(() => shared.isArray(props.colors) ? {
+      [props.lowThreshold]: props.colors[0],
+      [props.highThreshold]: { value: props.colors[1], excluded: true },
+      [props.max]: props.colors[2]
+    } : props.colors);
+    const activeColor = vue.computed(() => getValueFromMap(currentValue.value, colorMap.value));
+    const decimalStyle = vue.computed(() => {
+      let width = "";
+      if (rateDisabled.value) {
+        width = `${valueDecimal.value}%`;
+      } else if (props.allowHalf) {
+        width = "50%";
+      }
+      return {
+        color: activeColor.value,
+        width
+      };
+    });
+    const componentMap = vue.computed(() => shared.isArray(props.icons) ? {
+      [props.lowThreshold]: props.icons[0],
+      [props.highThreshold]: {
+        value: props.icons[1],
+        excluded: true
+      },
+      [props.max]: props.icons[2]
+    } : props.icons);
+    const decimalIconComponent = vue.computed(() => getValueFromMap(props.modelValue, componentMap.value));
+    const voidComponent = vue.computed(() => rateDisabled.value ? props.disabledvoidIcon : props.voidIcon);
+    const activeComponent = vue.computed(() => getValueFromMap(currentValue.value, componentMap.value));
+    const iconComponents = vue.computed(() => {
+      const result = Array(props.max);
+      const threshold = currentValue.value;
+      result.fill(activeComponent.value, 0, threshold);
+      result.fill(voidComponent.value, threshold, props.max);
+      return result;
+    });
+    const pointerAtLeftHalf = vue.ref(true);
+    function showDecimalIcon(item) {
+      const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
+      const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
+      return showWhenDisabled || showWhenAllowHalf;
+    }
+    function getIconStyle(item) {
+      const voidColor = rateDisabled.value ? props.disabledVoidColor : props.voidColor;
+      return {
+        color: item <= currentValue.value ? activeColor.value : voidColor
+      };
+    }
+    const hoverIndex = vue.ref(-1);
+    return {
+      hoverIndex,
+      currentValue,
+      rateDisabled,
+      text,
+      decimalStyle,
+      decimalIconComponent,
+      iconComponents,
+      showDecimalIcon,
+      getIconStyle
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue&type=script&lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/rate/src/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-rate\"\n    role=\"slider\"\n    :aria-valuenow=\"currentValue\"\n    :aria-valuetext=\"text\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"max\"\n    tabindex=\"0\"\n  >\n    <span\n      v-for=\"(item, key) in max\"\n      :key=\"key\"\n      class=\"el-rate__item\"\n      :style=\"{ cursor: rateDisabled ? 'auto' : 'pointer' }\"\n    >\n      <ps-icon\n        :class=\"[{ hover: hoverIndex === item }]\"\n        class=\"el-rate__icon\"\n        :style=\"getIconStyle(item)\"\n      >\n        <component :is=\"iconComponents[item - 1]\" />\n        <ps-icon\n          v-if=\"showDecimalIcon(item)\"\n          :style=\"decimalStyle\"\n          class=\"el-rate__icon el-rate__decimal\"\n        >\n          <component :is=\"decimalIconComponent\" />\n        </ps-icon>\n      </ps-icon>\n    </span>\n    <span\n      v-if=\"showText || showScore\"\n      class=\"el-rate__text\"\n      :style=\"{ color: textColor }\"\n      >{{ text }}</span\n    >\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue'\nimport { isObject, isArray } from '@vue/shared'\nimport { elFormKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { StarFilled, Star } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext } from '@element-ps/tokens'\n\nexport default defineComponent({\n  name: 'PsRate',\n  components: { PsIcon, StarFilled, Star },\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    lowThreshold: {\n      type: Number,\n      default: 2,\n    },\n    highThreshold: {\n      type: Number,\n      default: 4,\n    },\n    max: {\n      type: Number,\n      default: 5,\n    },\n    colors: {\n      type: [Array, Object],\n      default: () => ['#F7BA2A', '#F7BA2A', '#F7BA2A'],\n    },\n    voidColor: {\n      type: String,\n      default: '#C6D1DE',\n    },\n    disabledVoidColor: {\n      type: String,\n      default: '#EFF2F7',\n    },\n    icons: {\n      type: [Array, Object] as PropType<string[] | Component>,\n      default: () => [StarFilled, StarFilled, StarFilled],\n    },\n    voidIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: Star,\n    },\n    disabledvoidIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: StarFilled,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    allowHalf: {\n      type: Boolean,\n      default: false,\n    },\n    showText: {\n      type: Boolean,\n      default: false,\n    },\n    showScore: {\n      type: Boolean,\n      default: false,\n    },\n    textColor: {\n      type: String,\n      default: '#1f2d3d',\n    },\n    texts: {\n      type: Array as PropType<string[]>,\n      default: () => [\n        'Extremely bad',\n        'Disappointed',\n        'Fair',\n        'Satisfied',\n        'Surprise',\n      ],\n    },\n    scoreTemplate: {\n      type: String,\n      default: '{value}',\n    },\n  },\n  setup(props) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const currentValue = ref(props.modelValue)\n\n    const rateDisabled = computed(() => props.disabled || elForm.disabled)\n\n    const text = computed(() => {\n      let result = ''\n      if (props.showScore) {\n        result = props.scoreTemplate.replace(\n          /\\{\\s*value\\s*\\}/,\n          rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n        )\n      } else if (props.showText) {\n        result = props.texts[Math.ceil(currentValue.value) - 1]\n      }\n      return result\n    })\n\n    function getValueFromMap(value: unknown, map: Record<string, unknown>) {\n      const matchedKeys = Object.keys(map)\n        .filter((key) => {\n          const val = map[key]\n          const excluded = isObject(val) ? val.excluded : false\n          return excluded ? value < key : value <= key\n        })\n        .sort((a: never, b: never) => a - b)\n      const matchedValue = map[matchedKeys[0]]\n      return isObject(matchedValue)\n        ? matchedValue.value || matchedValue\n        : matchedValue || ''\n    }\n\n    const valueDecimal = computed(\n      () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n    )\n    const colorMap = computed(() =>\n      isArray(props.colors)\n        ? {\n            [props.lowThreshold]: props.colors[0],\n            [props.highThreshold]: { value: props.colors[1], excluded: true },\n            [props.max]: props.colors[2],\n          }\n        : props.colors\n    )\n    const activeColor = computed(() =>\n      getValueFromMap(currentValue.value, colorMap.value)\n    )\n    const decimalStyle = computed(() => {\n      let width = ''\n      if (rateDisabled.value) {\n        width = `${valueDecimal.value}%`\n      } else if (props.allowHalf) {\n        width = '50%'\n      }\n      return {\n        color: activeColor.value,\n        width,\n      }\n    })\n\n    const componentMap = computed(() =>\n      isArray(props.icons)\n        ? {\n          [props.lowThreshold]: props.icons[0],\n          [props.highThreshold]: {\n            value: props.icons[1],\n            excluded: true,\n          },\n          [props.max]: props.icons[2],\n        }\n        : props.icons\n    )\n\n    const decimalIconComponent = computed(() =>\n      getValueFromMap(props.modelValue, componentMap.value)\n    )\n    const voidComponent = computed(() =>\n      rateDisabled.value ? props.disabledvoidIcon : props.voidIcon\n    )\n    const activeComponent = computed(() =>\n      getValueFromMap(currentValue.value, componentMap.value)\n    )\n    const iconComponents = computed(() => {\n      const result = Array(props.max)\n      const threshold = currentValue.value\n      // if (props.allowHalf && currentValue.value !== Math.floor(currentValue.value)) {\n      //   threshold--\n      // }\n      result.fill(activeComponent.value, 0, threshold)\n      result.fill(voidComponent.value, threshold, props.max)\n      return result\n    })\n\n    const pointerAtLeftHalf = ref(true)\n\n    function showDecimalIcon(item: number) {\n      const showWhenDisabled =\n        rateDisabled.value &&\n        valueDecimal.value > 0 &&\n        item - 1 < props.modelValue &&\n        item > props.modelValue\n      /* istanbul ignore next */\n      const showWhenAllowHalf =\n        props.allowHalf &&\n        pointerAtLeftHalf.value &&\n        item - 0.5 <= currentValue.value &&\n        item > currentValue.value\n      return showWhenDisabled || showWhenAllowHalf\n    }\n\n    function getIconStyle(item: number) {\n      const voidColor = rateDisabled.value\n        ? props.disabledVoidColor\n        : props.voidColor\n      return {\n        color: item <= currentValue.value ? activeColor.value : voidColor,\n      }\n    }\n\n    const hoverIndex = ref(-1)\n\n    return {\n      hoverIndex,\n\n      currentValue,\n      rateDisabled,\n      text,\n      decimalStyle,\n      decimalIconComponent,\n      iconComponents,\n\n      showDecimalIcon,\n      getIconStyle,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","PsIcon","StarFilled","Star","inject","elFormKey","ref","computed","isObject","isArray"],"mappings":"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"}

package/lib/packages/components/rate/src/index.vue_vue&type=template&id=55b4fa7d&lang.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ps_icon = vue.resolveComponent("ps-icon");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "el-rate",
+    role: "slider",
+    "aria-valuenow": _ctx.currentValue,
+    "aria-valuetext": _ctx.text,
+    "aria-valuemin": "0",
+    "aria-valuemax": _ctx.max,
+    tabindex: "0"
+  }, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.max, (item, key) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        key,
+        class: "el-rate__item",
+        style: vue.normalizeStyle({ cursor: _ctx.rateDisabled ? "auto" : "pointer" })
+      }, [
+        vue.createVNode(_component_ps_icon, {
+          class: vue.normalizeClass([[{ hover: _ctx.hoverIndex === item }], "el-rate__icon"]),
+          style: vue.normalizeStyle(_ctx.getIconStyle(item))
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponents[item - 1]))),
+            _ctx.showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
+              key: 0,
+              style: vue.normalizeStyle(_ctx.decimalStyle),
+              class: "el-rate__icon el-rate__decimal"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decimalIconComponent)))
+              ]),
+              _: 1
+            }, 8, ["style"])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 2
+        }, 1032, ["class", "style"])
+      ], 4);
+    }), 128)),
+    _ctx.showText || _ctx.showScore ? (vue.openBlock(), vue.createElementBlock("span", {
+      key: 0,
+      class: "el-rate__text",
+      style: vue.normalizeStyle({ color: _ctx.textColor })
+    }, vue.toDisplayString(_ctx.text), 5)) : vue.createCommentVNode("v-if", true)
+  ], 8, _hoisted_1);
+}
+
+exports.render = render;
+//# sourceMappingURL=index.vue_vue&type=template&id=55b4fa7d&lang.js.map

package/lib/packages/components/rate/src/index.vue_vue&type=template&id=55b4fa7d&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=template&id=55b4fa7d&lang.js","sources":["../../../../../../../packages/components/rate/src/index.vue?vue&type=template&id=55b4fa7d&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-rate\"\n    role=\"slider\"\n    :aria-valuenow=\"currentValue\"\n    :aria-valuetext=\"text\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"max\"\n    tabindex=\"0\"\n  >\n    <span\n      v-for=\"(item, key) in max\"\n      :key=\"key\"\n      class=\"el-rate__item\"\n      :style=\"{ cursor: rateDisabled ? 'auto' : 'pointer' }\"\n    >\n      <ps-icon\n        :class=\"[{ hover: hoverIndex === item }]\"\n        class=\"el-rate__icon\"\n        :style=\"getIconStyle(item)\"\n      >\n        <component :is=\"iconComponents[item - 1]\" />\n        <ps-icon\n          v-if=\"showDecimalIcon(item)\"\n          :style=\"decimalStyle\"\n          class=\"el-rate__icon el-rate__decimal\"\n        >\n          <component :is=\"decimalIconComponent\" />\n        </ps-icon>\n      </ps-icon>\n    </span>\n    <span\n      v-if=\"showText || showScore\"\n      class=\"el-rate__text\"\n      :style=\"{ color: textColor }\"\n      >{{ text }}</span\n    >\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue'\nimport { isObject, isArray } from '@vue/shared'\nimport { elFormKey } from '@element-ps/tokens'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { StarFilled, Star } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext } from '@element-ps/tokens'\n\nexport default defineComponent({\n  name: 'PsRate',\n  components: { PsIcon, StarFilled, Star },\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    lowThreshold: {\n      type: Number,\n      default: 2,\n    },\n    highThreshold: {\n      type: Number,\n      default: 4,\n    },\n    max: {\n      type: Number,\n      default: 5,\n    },\n    colors: {\n      type: [Array, Object],\n      default: () => ['#F7BA2A', '#F7BA2A', '#F7BA2A'],\n    },\n    voidColor: {\n      type: String,\n      default: '#C6D1DE',\n    },\n    disabledVoidColor: {\n      type: String,\n      default: '#EFF2F7',\n    },\n    icons: {\n      type: [Array, Object] as PropType<string[] | Component>,\n      default: () => [StarFilled, StarFilled, StarFilled],\n    },\n    voidIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: Star,\n    },\n    disabledvoidIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: StarFilled,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    allowHalf: {\n      type: Boolean,\n      default: false,\n    },\n    showText: {\n      type: Boolean,\n      default: false,\n    },\n    showScore: {\n      type: Boolean,\n      default: false,\n    },\n    textColor: {\n      type: String,\n      default: '#1f2d3d',\n    },\n    texts: {\n      type: Array as PropType<string[]>,\n      default: () => [\n        'Extremely bad',\n        'Disappointed',\n        'Fair',\n        'Satisfied',\n        'Surprise',\n      ],\n    },\n    scoreTemplate: {\n      type: String,\n      default: '{value}',\n    },\n  },\n  setup(props) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const currentValue = ref(props.modelValue)\n\n    const rateDisabled = computed(() => props.disabled || elForm.disabled)\n\n    const text = computed(() => {\n      let result = ''\n      if (props.showScore) {\n        result = props.scoreTemplate.replace(\n          /\\{\\s*value\\s*\\}/,\n          rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n        )\n      } else if (props.showText) {\n        result = props.texts[Math.ceil(currentValue.value) - 1]\n      }\n      return result\n    })\n\n    function getValueFromMap(value: unknown, map: Record<string, unknown>) {\n      const matchedKeys = Object.keys(map)\n        .filter((key) => {\n          const val = map[key]\n          const excluded = isObject(val) ? val.excluded : false\n          return excluded ? value < key : value <= key\n        })\n        .sort((a: never, b: never) => a - b)\n      const matchedValue = map[matchedKeys[0]]\n      return isObject(matchedValue)\n        ? matchedValue.value || matchedValue\n        : matchedValue || ''\n    }\n\n    const valueDecimal = computed(\n      () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n    )\n    const colorMap = computed(() =>\n      isArray(props.colors)\n        ? {\n            [props.lowThreshold]: props.colors[0],\n            [props.highThreshold]: { value: props.colors[1], excluded: true },\n            [props.max]: props.colors[2],\n          }\n        : props.colors\n    )\n    const activeColor = computed(() =>\n      getValueFromMap(currentValue.value, colorMap.value)\n    )\n    const decimalStyle = computed(() => {\n      let width = ''\n      if (rateDisabled.value) {\n        width = `${valueDecimal.value}%`\n      } else if (props.allowHalf) {\n        width = '50%'\n      }\n      return {\n        color: activeColor.value,\n        width,\n      }\n    })\n\n    const componentMap = computed(() =>\n      isArray(props.icons)\n        ? {\n          [props.lowThreshold]: props.icons[0],\n          [props.highThreshold]: {\n            value: props.icons[1],\n            excluded: true,\n          },\n          [props.max]: props.icons[2],\n        }\n        : props.icons\n    )\n\n    const decimalIconComponent = computed(() =>\n      getValueFromMap(props.modelValue, componentMap.value)\n    )\n    const voidComponent = computed(() =>\n      rateDisabled.value ? props.disabledvoidIcon : props.voidIcon\n    )\n    const activeComponent = computed(() =>\n      getValueFromMap(currentValue.value, componentMap.value)\n    )\n    const iconComponents = computed(() => {\n      const result = Array(props.max)\n      const threshold = currentValue.value\n      // if (props.allowHalf && currentValue.value !== Math.floor(currentValue.value)) {\n      //   threshold--\n      // }\n      result.fill(activeComponent.value, 0, threshold)\n      result.fill(voidComponent.value, threshold, props.max)\n      return result\n    })\n\n    const pointerAtLeftHalf = ref(true)\n\n    function showDecimalIcon(item: number) {\n      const showWhenDisabled =\n        rateDisabled.value &&\n        valueDecimal.value > 0 &&\n        item - 1 < props.modelValue &&\n        item > props.modelValue\n      /* istanbul ignore next */\n      const showWhenAllowHalf =\n        props.allowHalf &&\n        pointerAtLeftHalf.value &&\n        item - 0.5 <= currentValue.value &&\n        item > currentValue.value\n      return showWhenDisabled || showWhenAllowHalf\n    }\n\n    function getIconStyle(item: number) {\n      const voidColor = rateDisabled.value\n        ? props.disabledVoidColor\n        : props.voidColor\n      return {\n        color: item <= currentValue.value ? activeColor.value : voidColor,\n      }\n    }\n\n    const hoverIndex = ref(-1)\n\n    return {\n      hoverIndex,\n\n      currentValue,\n      rateDisabled,\n      text,\n      decimalStyle,\n      decimalIconComponent,\n      iconComponents,\n\n      showDecimalIcon,\n      getIconStyle,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock"],"mappings":";;;;;;;;;0BACEA;IACE,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,iBAAe;IACf,kBAAgB;IACjB,iBAAc;AAAA,IACb,iBAAe;IAChB,UAAS;AAAA;0BAETA,0DACwB,WAAd,MAAM;8BADhBA;QAEG;AAAA,QACD,OAAM;AAAA,QACL,oCAAiB;;QAElBC;UACG,qCAAiB,oBAAe,SAC3B;AAAA,UACL,0BAAO,kBAAa;AAAA;+BAErB;8BAAAC,4CAAgB,oBAAe;YAEvB,qBAAgB,0BADxBA;;cAEG,0BAAO;cACR,OAAM;AAAA;mCAEN;kCAAAA,4CAAgB;;;;;;;;;IAKd,iBAAY,mCADpBF;;MAEE,OAAM;AAAA,MACL,mCAAgB;2BACb;;;;;;"}

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./src/index.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+
+index_vue_vue_type_script_lang["default"].install = (app) => {
+  app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);
+};
+const _Result = index_vue_vue_type_script_lang["default"];
+const PsResult = _Result;
+
+exports.PsResult = PsResult;
+exports["default"] = _Result;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/result/index.ts"],"sourcesContent":["import Result from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-ps/utils/types'\n\nResult.install = (app: App): void => {\n  app.component(Result.name, Result)\n}\n\nconst _Result = Result as SFCWithInstall<typeof Result>\n\nexport default _Result\nexport const PsResult = _Result\n"],"names":["Result"],"mappings":";;;;;;;AAKAA,0CAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,0CAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,WAAW;;;;;"}

package/lib/packages/components/result/src/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_template_id_4e01dfba_lang = require('./index.vue_vue&type=template&id=4e01dfba&lang.js');
+
+index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_4e01dfba_lang.render;
+index_vue_vue_type_script_lang["default"].__file = "packages/components/result/src/index.vue";
+
+exports["default"] = index_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var icons = require('@element-plus/icons');
+
+const IconMap = {
+  success: "icon-success",
+  warning: "icon-warning",
+  error: "icon-error",
+  info: "icon-info"
+};
+const IconComponentMap = {
+  [IconMap.success]: icons.CircleCheckFilled,
+  [IconMap.warning]: icons.WarningFilled,
+  [IconMap.error]: icons.CircleCloseFilled,
+  [IconMap.info]: icons.InfoFilled
+};
+var script = vue.defineComponent({
+  name: "PsResult",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subTitle: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: "info"
+    }
+  },
+  setup(props) {
+    const resultIcon = vue.computed(() => {
+      const icon = props.icon;
+      const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
+      const iconComponent = IconComponentMap[iconClass] || IconComponentMap["icon-info"];
+      return {
+        class: iconClass,
+        component: iconComponent
+      };
+    });
+    return {
+      resultIcon
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue&type=script&lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/result/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-result\">\n    <div class=\"el-result__icon\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" class=\"el-result__title\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots.subTitle\" class=\"el-result__subtitle\">\n      <slot name=\"subTitle\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" class=\"el-result__extra\">\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport {\n  WarningFilled,\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n} from '@element-plus/icons'\n\nimport type { Component } from 'vue'\nimport type { Indexable } from '@element-ps/utils/types'\n\nconst IconMap: Indexable<string> = {\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n}\n\nconst IconComponentMap: Indexable<Component> = {\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport default defineComponent({\n  name: 'PsResult',\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    subTitle: {\n      type: String,\n      default: '',\n    },\n    icon: {\n      type: String,\n      default: 'info',\n    },\n  },\n  setup(props) {\n    const resultIcon = computed(() => {\n      const icon = props.icon\n      const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n      const iconComponent =\n        IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n      return {\n        class: iconClass,\n        component: iconComponent,\n      }\n    })\n\n    return {\n      resultIcon,\n    }\n  },\n})\n</script>\n"],"names":["CircleCheckFilled","WarningFilled","CircleCloseFilled","InfoFilled","defineComponent","computed"],"mappings":";;;;;;;AAsCA,MAAM,UAA6B;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,MAAM,mBAAyC;AAAA,GAC5C,QAAQ,UAAUA;AAAA,GAClB,QAAQ,UAAUC;AAAA,GAClB,QAAQ,QAAQC;AAAA,GAChB,QAAQ,OAAOC;AAAA;AAGlB,aAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,aAAaC,aAAS,MAAM;AAChC,YAAM,OAAO,MAAM;AACnB,YAAM,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAC1D,YAAM,gBACJ,iBAAiB,cAAc,iBAAiB;AAElD,aAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW;AAAA;AAAA;AAIf,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/result/src/index.vue_vue&type=template&id=4e01dfba&lang.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-result" };
+const _hoisted_2 = { class: "el-result__icon" };
+const _hoisted_3 = {
+  key: 0,
+  class: "el-result__title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "el-result__subtitle"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "el-result__extra"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+        _ctx.resultIcon.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.resultIcon.component), {
+          key: 0,
+          class: vue.normalizeClass(_ctx.resultIcon.class)
+        }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+      ])
+    ]),
+    _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+      vue.renderSlot(_ctx.$slots, "title", {}, () => [
+        vue.createElementVNode("p", null, vue.toDisplayString(_ctx.title), 1)
+      ])
+    ])) : vue.createCommentVNode("v-if", true),
+    _ctx.subTitle || _ctx.$slots.subTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+      vue.renderSlot(_ctx.$slots, "subTitle", {}, () => [
+        vue.createElementVNode("p", null, vue.toDisplayString(_ctx.subTitle), 1)
+      ])
+    ])) : vue.createCommentVNode("v-if", true),
+    _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+      vue.renderSlot(_ctx.$slots, "extra")
+    ])) : vue.createCommentVNode("v-if", true)
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=index.vue_vue&type=template&id=4e01dfba&lang.js.map

package/lib/packages/components/result/src/index.vue_vue&type=template&id=4e01dfba&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=template&id=4e01dfba&lang.js","sources":["../../../../../../../packages/components/result/src/index.vue?vue&type=template&id=4e01dfba&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-result\">\n    <div class=\"el-result__icon\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" class=\"el-result__title\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots.subTitle\" class=\"el-result__subtitle\">\n      <slot name=\"subTitle\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" class=\"el-result__extra\">\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport {\n  WarningFilled,\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n} from '@element-plus/icons'\n\nimport type { Component } from 'vue'\nimport type { Indexable } from '@element-ps/utils/types'\n\nconst IconMap: Indexable<string> = {\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n}\n\nconst IconComponentMap: Indexable<Component> = {\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport default defineComponent({\n  name: 'PsResult',\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    subTitle: {\n      type: String,\n      default: '',\n    },\n    icon: {\n      type: String,\n      default: 'info',\n    },\n  },\n  setup(props) {\n    const resultIcon = computed(() => {\n      const icon = props.icon\n      const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n      const iconComponent =\n        IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n      return {\n        class: iconClass,\n        component: iconComponent,\n      }\n    })\n\n    return {\n      resultIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;;;;;qBACO,OAAM;qBACJ,OAAM;;;EASuB,OAAM;AAAA;;;EAKA,OAAM;AAAA;;;EAKrB,OAAM;AAAA;;0BApBjCA,8BAAA;IACEC,8BAAA;MACEC,wCAAA;QAGU,gBAAW,8BAFnBC,4CACO,gBAAW;;UAEf,0BAAO,gBAAW;AAAA;;;IAId,cAAS,YAAO,0BAA3BH,8BAAA;MACEE,yCAAA;QACED,sDAAM;;;IAGC,iBAAY,YAAO,6BAA9BD,8BAAA;MACEE,4CAAA;QACED,sDAAM;;;IAGC,YAAO,0BAAlBD,8BAAA;MACEE;;;;;;;"}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var row = require('./src/row.js');
+
+const _Row = row["default"];
+_Row.install = (app) => {
+  app.component(_Row.name, _Row);
+};
+const PsRow = _Row;
+
+exports.PsRow = PsRow;
+exports["default"] = _Row;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/row/index.ts"],"sourcesContent":["import Row from './src/row'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-ps/utils/types'\n\nconst _Row = Row as SFCWithInstall<typeof Row>\n\n_Row.install = (app: App) => {\n  app.component(_Row.name, _Row)\n}\n\nexport default _Row\nexport const PsRow = _Row\n"],"names":["Row"],"mappings":";;;;;;MAKM,OAAOA;AAEb,KAAK,UAAU,CAAC,QAAa;AAC3B,MAAI,UAAU,KAAK,MAAM;AAAA;MAId,QAAQ;;;;;"}

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var Row = vue.defineComponent({
+  name: "PsRow",
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    },
+    gutter: {
+      type: Number,
+      default: 0
+    },
+    justify: {
+      type: String,
+      default: "start"
+    },
+    align: {
+      type: String,
+      default: "top"
+    }
+  },
+  setup(props, { slots }) {
+    const gutter = vue.computed(() => props.gutter);
+    vue.provide("PsRow", {
+      gutter
+    });
+    const style = vue.computed(() => {
+      const ret = {
+        marginLeft: "",
+        marginRight: ""
+      };
+      if (props.gutter) {
+        ret.marginLeft = `-${props.gutter / 2}px`;
+        ret.marginRight = ret.marginLeft;
+      }
+      return ret;
+    });
+    return () => {
+      var _a;
+      return vue.h(props.tag, {
+        class: [
+          "el-row",
+          props.justify !== "start" ? `is-justify-${props.justify}` : "",
+          props.align !== "top" ? `is-align-${props.align}` : ""
+        ],
+        style: style.value
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+});
+
+exports["default"] = Row;
+//# sourceMappingURL=row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sources":["../../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { defineComponent, computed, h, provide } from 'vue'\n\nexport default defineComponent({\n  name: 'PsRow',\n  props: {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    gutter: {\n      type: Number,\n      default: 0,\n    },\n    justify: {\n      type: String,\n      default: 'start',\n    },\n    align: {\n      type: String,\n      default: 'top',\n    },\n  },\n  setup(props, { slots }) {\n    const gutter = computed(() => props.gutter)\n    provide('PsRow', {\n      gutter,\n    })\n\n    const style = computed(() => {\n      const ret = {\n        marginLeft: '',\n        marginRight: '',\n      }\n      if (props.gutter) {\n        ret.marginLeft = `-${props.gutter / 2}px`\n        ret.marginRight = ret.marginLeft\n      }\n      return ret\n    })\n\n    return () =>\n      h(\n        props.tag,\n        {\n          class: [\n            'el-row',\n            props.justify !== 'start' ? `is-justify-${props.justify}` : '',\n            props.align !== 'top' ? `is-align-${props.align}` : '',\n          ],\n          style: style.value,\n        },\n        slots.default?.()\n      )\n  },\n})\n"],"names":["defineComponent","computed"],"mappings":";;;;;;AAEA,UAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,SAASC,aAAS,MAAM,MAAM;AACpC,gBAAQ,SAAS;AAAA,MACf;AAAA;AAGF,UAAM,QAAQA,aAAS,MAAM;AAC3B,YAAM,MAAM;AAAA,QACV,YAAY;AAAA,QACZ,aAAa;AAAA;AAEf,UAAI,MAAM,QAAQ;AAChB,YAAI,aAAa,IAAI,MAAM,SAAS;AACpC,YAAI,cAAc,IAAI;AAAA;AAExB,aAAO;AAAA;AAGT,WAAO,MAAG;AAxCd;AAyCM,mBACE,MAAM,KACN;AAAA,QACE,OAAO;AAAA,UACL;AAAA,UACA,MAAM,YAAY,UAAU,cAAc,MAAM,YAAY;AAAA,UAC5D,MAAM,UAAU,QAAQ,YAAY,MAAM,UAAU;AAAA;AAAA,QAEtD,OAAO,MAAM;AAAA,SAEf,YAAM,YAAN;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./src/index.js');
+var util = require('./src/util.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+
+index_vue_vue_type_script_lang["default"].install = (app) => {
+  app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);
+};
+const _Scrollbar = index_vue_vue_type_script_lang["default"];
+const PsScrollbar = _Scrollbar;
+
+exports.BAR_MAP = util.BAR_MAP;
+exports.renderThumbStyle = util.renderThumbStyle;
+exports.PsScrollbar = PsScrollbar;
+exports["default"] = _Scrollbar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/scrollbar/index.ts"],"sourcesContent":["import Scrollbar from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-ps/utils/types'\n\nScrollbar.install = (app: App): void => {\n  app.component(Scrollbar.name, Scrollbar)\n}\n\nconst _Scrollbar = Scrollbar as SFCWithInstall<typeof Scrollbar>\n\nexport default _Scrollbar\nexport const PsScrollbar = _Scrollbar\n\nexport * from './src/util'\n"],"names":["Scrollbar"],"mappings":";;;;;;;;AAKAA,0CAAU,UAAU,CAAC,QAAmB;AACtC,MAAI,UAAUA,0CAAU,MAAMA;AAAA;MAG1B,aAAaA;MAGN,cAAc;;;;;;;"}

package/lib/packages/components/scrollbar/src/bar.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var bar_vue_vue_type_script_lang = require('./bar.vue_vue&type=script&lang.js');
+var bar_vue_vue_type_template_id_2f63f10a_lang = require('./bar.vue_vue&type=template&id=2f63f10a&lang.js');
+
+bar_vue_vue_type_script_lang["default"].render = bar_vue_vue_type_template_id_2f63f10a_lang.render;
+bar_vue_vue_type_script_lang["default"].__file = "packages/components/scrollbar/src/bar.vue";
+
+exports["default"] = bar_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=bar.js.map

package/lib/packages/components/scrollbar/src/bar.js.map

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