@fangzhongya/fang-ui 0.0.97 → 0.0.98

package/dist/components/audios/src/index2.js

@@ -0,0 +1,238 @@
+import { defineComponent, ref, computed, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, toDisplayString, createVNode, Fragment, renderList } from "vue";
+import { Sliders } from "../../sliders/index.js";
+import { Button } from "../../button/index.js";
+import Up from "../../../icons/vue/up.js";
+import Down from "../../../icons/vue/down.js";
+import Play from "../../../icons/vue/play.js";
+import Pause from "../../../icons/vue/pause.js";
+import Sound from "../../../icons/vue/sound.js";
+import Mute from "../../../icons/vue/mute.js";
+import { hourFormat } from "@fangzhongya/utils/date/hourFormat";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { getListValue } from "../../players/common/util.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("audios");
+    const props = __props;
+    const emit = __emit;
+    const audioRef = ref(null);
+    const current = ref(0);
+    const list = computed(() => {
+      return getListValue(props.list);
+    });
+    const value = computed(() => {
+      return list.value[current.value];
+    });
+    const slider = ref(0);
+    const duration = ref(0);
+    const currentTime = ref(0);
+    const isPlaying = ref(false);
+    const volume = ref(50);
+    const isMuted = ref(false);
+    const isMouse = ref(true);
+    const onMousedown = () => {
+      isMouse.value = false;
+    };
+    const toggleMute = () => {
+      if (!audioRef.value) return;
+      isMuted.value = !isMuted.value;
+      audioRef.value.muted = isMuted.value;
+    };
+    const togglePlay = () => {
+      if (!audioRef.value) return;
+      if (isPlaying.value) {
+        audioRef.value.pause();
+      } else {
+        audioRef.value.play();
+      }
+      isPlaying.value = !isPlaying.value;
+    };
+    const onReplay = () => {
+      var _a;
+      (_a = audioRef.value) == null ? void 0 : _a.play();
+      isPlaying.value = true;
+    };
+    const playTrack = (i) => {
+      current.value = i;
+      if (audioRef.value) {
+        audioRef.value.src = value.value.url;
+        audioRef.value.load();
+        nextTick(() => {
+          onReplay();
+        });
+      }
+    };
+    const onTrack = (is) => {
+      if (is) {
+        current.value--;
+      } else {
+        current.value++;
+      }
+      playTrack(current.value);
+    };
+    const formatTooltip = (number) => {
+      return hourFormat(number * duration.value / 100);
+    };
+    const onChangeSlider = () => {
+      if (audioRef.value) {
+        const v = slider.value * duration.value / 100;
+        console.log("v", v);
+        audioRef.value.currentTime = v;
+      }
+      isMouse.value = true;
+    };
+    const onChange = () => {
+      if (audioRef.value) {
+        audioRef.value.volume = volume.value / 100;
+      }
+    };
+    const handleTimeUpdate = () => {
+      if (audioRef.value) {
+        currentTime.value = audioRef.value.currentTime;
+        console.log("handleTimeUpdate", currentTime.value);
+        if (isMouse.value) {
+          slider.value = currentTime.value / duration.value * 100;
+        }
+      }
+    };
+    const handleLoadedMetadata = () => {
+      if (audioRef.value) {
+        duration.value = audioRef.value.duration;
+        console.log("handleLoadedMetadata", duration.value);
+      }
+    };
+    const handleEnded = () => {
+      isPlaying.value = false;
+      console.log("handleEnded", handleEnded);
+    };
+    onMounted(() => {
+      var _a;
+      audioRef.value = new Audio();
+      audioRef.value.volume = volume.value / 100;
+      audioRef.value.src = (_a = value.value) == null ? void 0 : _a.url;
+      audioRef.value.addEventListener("timeupdate", handleTimeUpdate);
+      audioRef.value.addEventListener("loadedmetadata", handleLoadedMetadata);
+      audioRef.value.addEventListener("ended", handleEnded);
+      audioRef.value.addEventListener("canplaythrough", function() {
+        console.log("音频可以播放到结束，可以安全跳转");
+      });
+      audioRef.value.load();
+    });
+    onUnmounted(() => {
+      if (audioRef.value) {
+        audioRef.value.removeEventListener("timeupdate", handleTimeUpdate);
+        audioRef.value.removeEventListener(
+          "loadedmetadata",
+          handleLoadedMetadata
+        );
+        audioRef.value.removeEventListener("ended", handleEnded);
+        audioRef.value.pause();
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(cs).z(), unref(cs).is("playing", isPlaying.value)])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("name"))
+        }, toDisplayString((_a = value.value) == null ? void 0 : _a.name), 3),
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("slider"))
+        }, [
+          createVNode(unref(Sliders), {
+            class: normalizeClass(unref(cs).z("slider-slider")),
+            onChange: onChangeSlider,
+            onMousedown,
+            "format-tooltip": formatTooltip,
+            modelValue: slider.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => slider.value = $event)
+          }, null, 8, ["class", "modelValue"]),
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z("duration"))
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(unref(cs).z("duration-began"))
+            }, toDisplayString(unref(hourFormat)(currentTime.value)), 3),
+            _cache[4] || (_cache[4] = createElementVNode("span", null, "/", -1)),
+            createElementVNode("span", {
+              class: normalizeClass(unref(cs).z("duration-end"))
+            }, toDisplayString(unref(hourFormat)(duration.value)), 3)
+          ], 2)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("control"))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z("control-buts"))
+          }, [
+            createVNode(unref(Button), {
+              size: "small",
+              icon: Up,
+              disabled: current.value == 0,
+              circle: "",
+              onClick: _cache[1] || (_cache[1] = ($event) => onTrack(true))
+            }, null, 8, ["disabled"]),
+            createVNode(unref(Button), {
+              icon: isPlaying.value ? Pause : Play,
+              circle: "",
+              onClick: togglePlay
+            }, null, 8, ["icon"]),
+            createVNode(unref(Button), {
+              size: "small",
+              icon: Down,
+              circle: "",
+              disabled: current.value + 1 == list.value.length,
+              onClick: _cache[2] || (_cache[2] = ($event) => onTrack(false))
+            }, null, 8, ["disabled"])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z("control-volume"))
+          }, [
+            createVNode(unref(Button), {
+              class: normalizeClass(unref(cs).z("control-volume-but")),
+              icon: isMuted.value ? Mute : Sound,
+              circle: "",
+              onClick: toggleMute,
+              size: "small"
+            }, null, 8, ["class", "icon"]),
+            createVNode(unref(Sliders), {
+              class: normalizeClass(unref(cs).z("control-volume-slider")),
+              size: "small",
+              onChange,
+              modelValue: volume.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => volume.value = $event)
+            }, null, 8, ["class", "modelValue"])
+          ], 2)
+        ], 2),
+        list.value.length > 1 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(cs).z("list"))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass([unref(cs).z("list-li"), unref(cs).is("active", current.value === index)]),
+              key: index,
+              onClick: ($event) => playTrack(index)
+            }, [
+              createElementVNode("div", null, toDisplayString(item.name), 1)
+            ], 10, _hoisted_1);
+          }), 128))
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/audios/style/index2.scss

@@ -0,0 +1,3 @@
+@use '../../slider/style/index2.scss' as *;
+@use '../../button/style/index2.scss' as *;
+@use '../index.scss' as *;

package/dist/components/autocomplete/style/element.scss

@@ -1,3 +1,5 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 @use '../../input/style/index2.scss' as *;
 @use '../../scrollbar/style/index2.scss' as *;
-@use 'element-plus/theme-chalk/src/popper.scss' as *;
+@use 'element-plus/theme-chalk/src/popper.scss' as *;
+@use 'element-plus/theme-chalk/src/autocomplete.scss' as *;

package/dist/components/autocomplete/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/autocomplete.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/button/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/button.scss' as *;

package/dist/components/button/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/button.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/card/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/card.scss' as *;

package/dist/components/card/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/card.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/cascader/style/element.scss

@@ -1,4 +1,6 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 @use '../../input/style/index2.scss' as *;
 @use 'element-plus/theme-chalk/src/popper.scss' as *;
 @use '../../tag/style/index2.scss' as *;
-@use '../../cascader-panel/style/index2.scss' as *;
+@use '../../cascader-panel/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/cascader.scss' as *;

package/dist/components/cascader/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/cascader.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/cascader-panel/style/element.scss

@@ -1,3 +1,5 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 @use '../../checkbox/style/index2.scss' as *;
 @use '../../radio/style/index2.scss' as *;
-@use '../../scrollbar/style/index2.scss' as *;
+@use '../../scrollbar/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/cascader-panel.scss' as *;

package/dist/components/cascader-panel/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/cascader-panel.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/checkbox/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/checkbox.scss' as *;

package/dist/components/checkbox/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/checkbox.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/checkbox-button/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/checkbox-button.scss' as *;

package/dist/components/checkbox-button/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/checkbox-button.scss' as *;
-@use 'element-plus/theme-chalk/src/checkbox.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/checkbox-group/style/element.scss

@@ -1 +1,3 @@
-@use '../../checkbox/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use '../../checkbox/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/checkbox-group.scss' as *;

package/dist/components/checkbox-group/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/checkbox-group.scss' as *;
-@use 'element-plus/theme-chalk/src/checkbox.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/collapse/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/collapse.scss' as *;

package/dist/components/collapse/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/collapse.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/collapse-item/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/collapse-item.scss' as *;

package/dist/components/collapse-item/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/collapse-item.scss' as *;
-@use 'element-plus/theme-chalk/src/collapse.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/color-picker/style/element.scss

@@ -1,3 +1,5 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 @use 'element-plus/theme-chalk/src/color-picker-panel.scss' as *;
 @use '../../input/style/index2.scss' as *;
-@use '../../button/style/index2.scss' as *;
+@use '../../button/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/color-picker.scss' as *;

package/dist/components/color-picker/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/color-picker.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/common/compons.cjs

@@ -1,52 +1,54 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../utils/index.cjs");
-const index$l = require("../array/index.cjs");
-const index$k = require("../checks/index.cjs");
-const index$i = require("../dates/index.cjs");
-const index$j = require("../selects/index.cjs");
-const index$h = require("../inputs/index.cjs");
-const index$g = require("../labels/index.cjs");
-const index$f = require("../switchs/index.cjs");
-const index$e = require("../buttons/index.cjs");
-const index$d = require("../dates-divide/index.cjs");
-const index$c = require("../dates-picker/index.cjs");
-const index$b = require("../edit-float/index.cjs");
-const index$a = require("../edit/index.cjs");
-const index$9 = require("../history/index.cjs");
-const index$8 = require("../images/index.cjs");
-const index$7 = require("../input-array/index.cjs");
-const index$6 = require("../input-history/index.cjs");
-const index$5 = require("../input-select/index.cjs");
-const index$4 = require("../select-scroll/index.cjs");
-const index$3 = require("../selector/index.cjs");
-const index$2 = require("../cascaders/index.cjs");
-const index$1 = require("../input-num/index.cjs");
-const index = require("../texts/index.cjs");
+const index$m = require("../array/index.cjs");
+const index$l = require("../checks/index.cjs");
+const index$j = require("../dates/index.cjs");
+const index$k = require("../selects/index.cjs");
+const index$i = require("../inputs/index.cjs");
+const index$h = require("../labels/index.cjs");
+const index$g = require("../switchs/index.cjs");
+const index$f = require("../buttons/index.cjs");
+const index$e = require("../dates-divide/index.cjs");
+const index$d = require("../dates-picker/index.cjs");
+const index$c = require("../edit-float/index.cjs");
+const index$b = require("../edit/index.cjs");
+const index$a = require("../history/index.cjs");
+const index$9 = require("../images/index.cjs");
+const index$8 = require("../input-array/index.cjs");
+const index$7 = require("../input-history/index.cjs");
+const index$6 = require("../input-select/index.cjs");
+const index$5 = require("../select-scroll/index.cjs");
+const index$4 = require("../selector/index.cjs");
+const index$3 = require("../cascaders/index.cjs");
+const index$2 = require("../input-num/index.cjs");
+const index$1 = require("../texts/index.cjs");
+const index = require("../uploads/index.cjs");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const components = {
-  Array: index$l.Array,
-  Check: index$k.Checks,
-  Select: index$j.Selects,
-  Date: index$i.Dates,
-  Input: index$h.Inputs,
-  Labels: index$g.Labels,
-  Switch: index$f.Switchs,
-  Buttons: index$e.Buttons,
-  DateDivide: index$d.DatesDivide,
-  DatePicker: index$c.DatesPicker,
-  EditFloat: index$b.EditFloat,
-  Edit: index$a.Edit,
-  History: index$9.History,
-  Images: index$8.Images,
-  InputArray: index$7.InputArray,
-  InputHistory: index$6.InputHistory,
-  InputSelect: index$5.InputSelect,
-  SelectScroll: index$4.SelectScroll,
-  Selector: index$3.Selector,
-  Cascader: index$2.Cascaders,
-  InputNum: index$1.InputNum,
-  Text: index.Texts
+  Array: index$m.Array,
+  Check: index$l.Checks,
+  Select: index$k.Selects,
+  Date: index$j.Dates,
+  Input: index$i.Inputs,
+  Labels: index$h.Labels,
+  Switch: index$g.Switchs,
+  Buttons: index$f.Buttons,
+  DateDivide: index$e.DatesDivide,
+  DatePicker: index$d.DatesPicker,
+  EditFloat: index$c.EditFloat,
+  Edit: index$b.Edit,
+  History: index$a.History,
+  Images: index$9.Images,
+  InputArray: index$8.InputArray,
+  InputHistory: index$7.InputHistory,
+  InputSelect: index$6.InputSelect,
+  SelectScroll: index$5.SelectScroll,
+  Selector: index$4.Selector,
+  Cascader: index$3.Cascaders,
+  InputNum: index$2.InputNum,
+  Text: index$1.Texts,
+  Upload: index.Uploads
 };
 function getCompons(...arrs) {
   const coms = { ...components };

package/dist/components/common/compons.js

@@ -21,6 +21,7 @@ import { Selector } from "../selector/index.js";
 import { Cascaders } from "../cascaders/index.js";
 import { InputNum } from "../input-num/index.js";
 import { Texts } from "../texts/index.js";
+import { Uploads } from "../uploads/index.js";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 const components = {
   Array,
@@ -44,7 +45,8 @@ const components = {
   Selector,
   Cascader: Cascaders,
   InputNum,
-  Text: Texts
+  Text: Texts,
+  Upload: Uploads
 };
 function getCompons(...arrs) {
   const coms = { ...components };

package/dist/components/common/compons.scss

@@ -22,3 +22,5 @@
 @use '../cascaders/index.scss' as *;
 @use '../input-num/index.scss' as *;
 @use '../texts/index.scss' as *;
+
+@use '../uploads/index.scss' as *;

package/dist/components/common/compons2.scss

@@ -22,3 +22,5 @@
 @use '../cascaders/style/index2.scss' as *;
 @use '../input-num/style/index2.scss' as *;
 @use '../texts/style/index2.scss' as *;
+
+@use '../uploads/style/index2.scss' as *;

package/dist/components/config-provider/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/config-provider.scss' as *;

package/dist/components/config-provider/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/config-provider.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/date-picker/style/element.scss

@@ -1,2 +1,4 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 // @use '../../date-picker-panel/style/index2.scss' as *;
 @use 'element-plus/theme-chalk/src/popper.scss' as *;
+@use 'element-plus/theme-chalk/src/date-picker.scss' as *;

package/dist/components/date-picker/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/date-picker.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/date-picker-panel/style/element.scss

@@ -1,3 +1,5 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 @use '../../input/style/index2.scss' as *;
 @use '../../scrollbar/style/index2.scss' as *;
-@use '../../button/style/index2.scss' as *;
+@use '../../button/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/date-picker-panel.scss' as *;

package/dist/components/date-picker-panel/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/date-picker-panel.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/dates2/index.css

@@ -22,7 +22,7 @@
 
 .selects-select {
   height: 100%;
-  min-width: 100px;
+  min-width: 60px;
   width: 100%;
 }
 .selects-select > div {

package/dist/components/dialog/style/element.scss

@@ -1 +1,3 @@
-@use 'element-plus/theme-chalk/src/overlay.scss' as *;
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/overlay.scss' as *;
+@use 'element-plus/theme-chalk/src/dialog.scss' as *;

package/dist/components/dialog/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/dialog.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/divider/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/divider.scss' as *;

package/dist/components/divider/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/divider.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/drawer/style/element.scss

@@ -1 +1,3 @@
-@use 'element-plus/theme-chalk/src/overlay.scss' as *;
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/overlay.scss' as *;
+@use 'element-plus/theme-chalk/src/drawer.scss' as *;

package/dist/components/drawer/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/drawer.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/dropdown/style/element.scss

@@ -1,4 +1,6 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 @use '../../button/style/index2.scss' as *;
 @use 'element-plus/theme-chalk/src/button-group.scss' as *;
 @use 'element-plus/theme-chalk/src/popper.scss' as *;
-@use '../../scrollbar/style/index2.scss' as *;
+@use '../../scrollbar/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown.scss' as *;

package/dist/components/dropdown/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/dropdown-item/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown-item.scss' as *;

package/dist/components/dropdown-item/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown-item.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/dropdown-menu/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown-menu.scss' as *;

package/dist/components/dropdown-menu/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown-menu.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;