fangguo-component 1.1.2 → 1.1.4

package/dist/HSelect.css

@@ -1 +1,80 @@
-.select-more[data-v-374d3fe2]{width:100%}.select-more .select-more-wrapper[data-v-374d3fe2]{position:relative;display:flex;align-items:center;padding:0 4px;width:100%;min-height:30px;border:1px solid #dcdfe6;border-radius:4px}.select-more .select-more-wrapper.is-focused[data-v-374d3fe2]{border-color:#4485f5}.select-more .select-more-wrapper .select-more-normal-placeholder[data-v-374d3fe2]{overflow:hidden;margin-right:22px;margin-left:4px;line-height:30px;flex:1}.select-more .select-more-wrapper .select-more-normal-placeholder input[data-v-374d3fe2]:focus-visible{outline:none}.select-more .select-more-wrapper .select-more-normal-placeholder div[data-v-374d3fe2]{line-height:30px}.select-more .select-more-wrapper .select-more-normal-value[data-v-374d3fe2]{display:flex}.select-more .select-more-wrapper .select-more-arrow[data-v-374d3fe2]{position:absolute;top:8px;right:10px;z-index:1;color:#a8abb2;transition:all .3s;transform:rotateX(0)}.select-more .select-more-wrapper .select-more-arrow.is-focused[data-v-374d3fe2]{transform:rotate(-180deg)}.select-more .select-more-wrapper:hover .select-more-clear[data-v-374d3fe2]{display:block}.select-more .select-more-wrapper .select-more-clear[data-v-374d3fe2]{position:absolute;top:8px;right:10px;z-index:2;display:none;color:#a8abb2;background:#fff;transition:all .3s;cursor:pointer;transform:rotateX(0)}.content-list[data-v-374d3fe2]{margin:-12px}.content-list .item[data-v-374d3fe2]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer}.content-list .item.active[data-v-374d3fe2]{color:#4485f5}.content-list .item[data-v-374d3fe2]:hover{background-color:#f5f7fa}[data-v-374d3fe2] .vue-recycle-scroller__slot{position:sticky;top:0;z-index:10}
+.select-more[data-v-374d3fe2] {
+  width: 100%;
+}
+.select-more .select-more-wrapper[data-v-374d3fe2] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 4px;
+  width: 100%;
+  min-height: 30px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+}
+.select-more .select-more-wrapper.is-focused[data-v-374d3fe2] {
+  border-color: #4485f5;
+}
+.select-more .select-more-wrapper .select-more-normal-placeholder[data-v-374d3fe2] {
+  overflow: hidden;
+  margin-right: 22px;
+  margin-left: 4px;
+  line-height: 30px;
+  flex: 1;
+}
+.select-more .select-more-wrapper .select-more-normal-placeholder input[data-v-374d3fe2]:focus-visible {
+  outline: none;
+}
+.select-more .select-more-wrapper .select-more-normal-placeholder div[data-v-374d3fe2] {
+  line-height: 30px;
+}
+.select-more .select-more-wrapper .select-more-normal-value[data-v-374d3fe2] {
+  display: flex;
+}
+.select-more .select-more-wrapper .select-more-arrow[data-v-374d3fe2] {
+  position: absolute;
+  top: 8px;
+  right: 10px;
+  z-index: 1;
+  color: #a8abb2;
+  transition: all 0.3s;
+  transform: rotateX(0);
+}
+.select-more .select-more-wrapper .select-more-arrow.is-focused[data-v-374d3fe2] {
+  transform: rotateZ(-180deg);
+}
+.select-more .select-more-wrapper:hover .select-more-clear[data-v-374d3fe2] {
+  display: block;
+}
+.select-more .select-more-wrapper .select-more-clear[data-v-374d3fe2] {
+  position: absolute;
+  top: 8px;
+  right: 10px;
+  z-index: 2;
+  display: none;
+  color: #a8abb2;
+  background: #fff;
+  transition: all 0.3s;
+  cursor: pointer;
+  transform: rotateX(0);
+}
+.content-list[data-v-374d3fe2] {
+  margin: -12px;
+}
+.content-list .item[data-v-374d3fe2] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+.content-list .item.active[data-v-374d3fe2] {
+  color: #4485f5;
+}
+.content-list .item[data-v-374d3fe2]:hover {
+  background-color: #f5f7fa;
+}
+[data-v-374d3fe2] .vue-recycle-scroller__slot {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}

package/dist/HSelectAll.vue_vue_type_script_setup_true_lang-BZX7ch2I.js

@@ -0,0 +1,50 @@
+import { defineComponent, useSlots, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, renderSlot, toDisplayString, renderList, unref, normalizeProps, guardReactiveProps } from "vue";
+import { H as HSelect } from "./HSelect-BFkWiCFi.js";
+const _hoisted_1 = { class: "px-[10px] py-[10px] bg-[#fff] border-b cursor-pointer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HSelectAll",
+  setup(__props) {
+    const slots = Object.keys(useSlots());
+    const HSelectRef = ref();
+    const checkAll = ref(false);
+    const checkAllHandle = () => {
+      checkAll.value = !checkAll.value;
+      if (checkAll.value) {
+        HSelectRef.value.checkAllNodes();
+      } else {
+        HSelectRef.value.clearCheaked();
+      }
+    };
+    const clearHandle = () => {
+      checkAll.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(HSelect, {
+        ref_key: "HSelectRef",
+        ref: HSelectRef,
+        onClear: clearHandle
+      }, createSlots({
+        header: withCtx(() => [
+          createElementVNode("div", { onClick: checkAllHandle }, [
+            renderSlot(_ctx.$slots, "header", { checkAll: checkAll.value }, () => [
+              createElementVNode("div", _hoisted_1, toDisplayString(checkAll.value ? "全部取消" : "全选当前"), 1)
+            ])
+          ])
+        ]),
+        _: 2
+      }, [
+        renderList(unref(slots).filter((item) => !["header"].includes(item)), (slotKey, slotIndex) => {
+          return {
+            name: slotKey,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, slotKey, normalizeProps(guardReactiveProps(slotProps)))
+            ])
+          };
+        })
+      ]), 1536);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};