fangguo-component 1.1.2 → 1.1.4

package/dist/SelectAddress-CCepDxu8.js

@@ -0,0 +1,254 @@
+import { ElSelect, ElOption } from "element-plus/es";
+import { defineComponent, ref, watch, openBlock, createElementBlock, renderSlot, createVNode, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+import './SelectAddress.css';const _hoisted_1 = { class: "select-address-area flex" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectAddress",
+  props: {
+    province: {
+      type: [Number, String],
+      required: true
+    },
+    city: {
+      type: [Number, String],
+      required: true
+    },
+    area: {
+      type: [Number, String],
+      required: true
+    },
+    town: {
+      type: [Number, String],
+      required: true
+    },
+    list: {
+      type: Array
+    },
+    size: {
+      type: String,
+      default: "default"
+    },
+    type: {
+      type: String,
+      default: "code"
+    },
+    // 是否展示街道，针对跨境物流管理兼容
+    showTown: {
+      type: Boolean,
+      default: true
+    },
+    changeEmit: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:province", "update:city", "update:area", "update:town", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const provinceCode = ref("");
+    const cityCode = ref("");
+    const areaCode = ref("");
+    const townCode = ref("");
+    const provinceList = ref([]);
+    const cityList = ref([]);
+    const areaList = ref([]);
+    const townList = ref([]);
+    const emit = __emit;
+    const resultDataMap = {
+      province: {},
+      city: {},
+      area: {},
+      town: {},
+      current: ""
+    };
+    const selectProvince = (province) => {
+      const provinceData = provinceList.value.find((i) => i[props.type] === province) || {};
+      resultDataMap.province = { name: provinceData.name, code: provinceData.code };
+      resultDataMap.city = {};
+      resultDataMap.area = {};
+      resultDataMap.town = {};
+      resultDataMap.current = "province";
+      cityList.value = provinceData && provinceData[props.type] ? provinceData.areasList || [] : [];
+      cityCode.value = "";
+      areaCode.value = "";
+      townCode.value = "";
+      emit("update:province", provinceCode.value);
+      emit("update:city", cityCode.value);
+      emit("update:area", areaCode.value);
+      emit("update:town", townCode.value);
+      emit("change", resultDataMap);
+    };
+    const selectCity = (city) => {
+      const cityData = cityList.value.find((i) => i[props.type] === city) || {};
+      resultDataMap.city = { name: cityData.name, code: cityData.code };
+      resultDataMap.area = {};
+      resultDataMap.town = {};
+      resultDataMap.current = "city";
+      areaList.value = cityData && cityData[props.type] ? cityData.areasList || [] : [];
+      areaCode.value = "";
+      townCode.value = "";
+      emit("update:city", cityCode.value);
+      emit("update:area", areaCode.value);
+      emit("update:town", townCode.value);
+      emit("change", resultDataMap);
+    };
+    const selectArea = (area) => {
+      const areaData = areaList.value.find((i) => i[props.type] === area) || {};
+      resultDataMap.area = { name: areaData.name, code: areaData.code };
+      resultDataMap.town = {};
+      resultDataMap.current = "area";
+      townList.value = areaData && areaData[props.type] ? areaData.areasList || [] : [];
+      townCode.value = "";
+      emit("update:area", area);
+      emit("update:town", townCode.value);
+      emit("change", resultDataMap);
+    };
+    const selectTown = (town) => {
+      const townData = townList.value.find((i) => i[props.type] === town) || {};
+      resultDataMap.town = { name: townData.name, code: townData.code };
+      resultDataMap.current = "town";
+      emit("update:town", townCode.value);
+      emit("change", resultDataMap);
+    };
+    watch([() => props.province, () => props.city, () => props.area, () => props.town, () => props.list], ([province, city, area, town, list]) => {
+      if (!list || !list.length) return;
+      provinceList.value = list;
+      if (props.type === "code") {
+        if (province) province = Number(province);
+        if (city) city = Number(city);
+        if (area) area = Number(area);
+        if (town) town = Number(town);
+      }
+      if (!province) {
+        provinceCode.value = "";
+        cityCode.value = "";
+        areaCode.value = "";
+        townCode.value = "";
+        return;
+      }
+      provinceCode.value = province || "";
+      const provinceData = provinceList.value.find((i) => i[props.type] === provinceCode.value) || {};
+      resultDataMap.province = { name: provinceData.name, code: provinceData.code };
+      cityList.value = provinceData && provinceData[props.type] ? provinceData.areasList || [] : [];
+      if (!cityList.value.length) {
+        cityCode.value = "";
+        areaCode.value = "";
+        townCode.value = "";
+        return;
+      }
+      cityCode.value = city || "";
+      const cityData = cityList.value.find((i) => i[props.type] === cityCode.value) || {};
+      resultDataMap.city = { name: cityData.name, code: cityData.code };
+      areaList.value = cityData && cityData[props.type] ? cityData.areasList || [] : [];
+      if (!areaList.value.length) {
+        areaCode.value = "";
+        townCode.value = "";
+        return;
+      }
+      areaCode.value = area || "";
+      const areaData = areaList.value.find((i) => i[props.type] === areaCode.value) || {};
+      resultDataMap.area = { name: areaData.name, code: areaData.code };
+      townList.value = areaData && areaData[props.type] ? areaData.areasList || [] : [];
+      townCode.value = townList.value.length ? town : "";
+      const townData = townList.value.find((i) => i[props.type] === town) || {};
+      resultDataMap.town = { name: townData.name, code: townData.code };
+      resultDataMap.current = "";
+      if (props.changeEmit) emit("change", resultDataMap);
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        createVNode(_component_el_select, {
+          modelValue: provinceCode.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => provinceCode.value = $event),
+          siez: __props.size,
+          onChange: selectProvince,
+          clearable: "",
+          filterable: "",
+          placeholder: "请选择省份"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(provinceList.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.code,
+                label: item.name,
+                value: item[__props.type]
+              }, null, 8, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "siez"]),
+        createVNode(_component_el_select, {
+          modelValue: cityCode.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cityCode.value = $event),
+          placeholder: "请选择城市",
+          siez: __props.size,
+          disabled: !provinceCode.value,
+          onChange: selectCity,
+          clearable: "",
+          filterable: ""
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(cityList.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.code,
+                label: item.name,
+                value: item[__props.type]
+              }, null, 8, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "siez", "disabled"]),
+        createVNode(_component_el_select, {
+          modelValue: areaCode.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => areaCode.value = $event),
+          placeholder: "请选择区/县",
+          siez: __props.size,
+          disabled: !cityCode.value,
+          onChange: selectArea,
+          clearable: "",
+          filterable: ""
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(areaList.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.code,
+                label: item.name,
+                value: item[__props.type]
+              }, null, 8, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "siez", "disabled"]),
+        __props.showTown ? (openBlock(), createBlock(_component_el_select, {
+          key: 0,
+          modelValue: townCode.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => townCode.value = $event),
+          placeholder: "请选择街道",
+          siez: __props.size,
+          disabled: !areaCode.value,
+          onChange: selectTown,
+          clearable: "",
+          filterable: ""
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(townList.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item.code,
+                label: item.name,
+                value: item[__props.type]
+              }, null, 8, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "siez", "disabled"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const SelectAddress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a82450f"]]);
+export {
+  SelectAddress as S
+};

package/dist/SelectAddress.css

@@ -1 +1,18 @@
-.select-address-area>div[data-v-5a82450f]:not(:last-child){margin-right:12px}@media(max-width:1680px){.select-address-area>div[data-v-5a82450f]:not(:last-child){margin-right:10px}}@media(max-width:1550px){.select-address-area>div[data-v-5a82450f]:not(:last-child){margin-right:8px}}@media(max-width:1440px){.select-address-area>div[data-v-5a82450f]:not(:last-child){margin-right:6px}}
+.select-address-area > div[data-v-5a82450f]:not(:last-child) {
+    margin-right: 12px
+}
+@media (max-width: 1680px) {
+.select-address-area > div[data-v-5a82450f]:not(:last-child) {
+        margin-right: 10px
+}
+}
+@media (max-width: 1550px) {
+.select-address-area > div[data-v-5a82450f]:not(:last-child) {
+        margin-right: 8px
+}
+}
+@media (max-width: 1440px) {
+.select-address-area > div[data-v-5a82450f]:not(:last-child) {
+        margin-right: 6px
+}
+}

package/dist/SelectAll.vue_vue_type_script_setup_true_lang-CyzY8ams.js

@@ -0,0 +1,101 @@
+import { ElSelect, ElOption } from "element-plus/es";
+import { defineComponent, ref, computed, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectAll",
+  props: {
+    placeholder: {
+      type: String,
+      default: () => ""
+    },
+    allValue: {
+      // 所有选项绑定的 id, 取数据的时候需要过滤掉
+      type: Number,
+      default: () => -10
+    },
+    all: {
+      type: String,
+      default: () => "全部"
+    },
+    id: {
+      type: String,
+      default: () => "id"
+    },
+    label: {
+      type: String,
+      default: () => "name"
+    },
+    list: {
+      // 传入的列表
+      type: Array,
+      default: () => []
+    },
+    value: {
+      // 双向绑定的值
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:value"],
+  setup(__props, { emit: __emit }) {
+    const lastChecked = ref([]);
+    const props = __props;
+    const emit = __emit;
+    const currentValue = computed({
+      get() {
+        return props.value;
+      },
+      set(val) {
+        emit("update:value", val);
+      }
+    });
+    const itemsChange = (v) => {
+      let resArr = [];
+      if (v.includes(props.allValue)) {
+        if (lastChecked.value.length > props.list.length) {
+          resArr = v.filter((e) => e > 0);
+        } else {
+          resArr = [props.allValue, ...props.list.map((e) => e.id)];
+        }
+      } else {
+        if (v.length === props.list.length) {
+          resArr = [props.allValue, ...v];
+        } else {
+          resArr = v;
+        }
+      }
+      currentValue.value = resArr;
+      lastChecked.value = [...resArr];
+    };
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      return openBlock(), createBlock(_component_el_select, {
+        multiple: "",
+        "collapse-tags": "",
+        modelValue: currentValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentValue.value = $event),
+        clearable: "",
+        placeholder: props.placeholder,
+        onChange: itemsChange
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_option, {
+            value: props.allValue,
+            label: props.all
+          }, null, 8, ["value", "label"]),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item) => {
+            return openBlock(), createBlock(_component_el_option, {
+              key: item.id,
+              value: item[props.id],
+              label: item[props.label]
+            }, null, 8, ["value", "label"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "placeholder"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/SelectAll2.vue_vue_type_script_setup_true_lang-CrsaohxU.js

@@ -0,0 +1,103 @@
+import { ElSelectV2 } from "element-plus/es";
+import { defineComponent, useModel, ref, watch, onMounted, openBlock, createBlock, mergeProps, mergeModels, nextTick } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectAll2",
+  props: /* @__PURE__ */ mergeModels({
+    labelkey: {
+      type: String,
+      default: "label"
+    },
+    valuekey: {
+      type: String,
+      default: "value"
+    },
+    binds: {
+      type: Object,
+      default: () => ({})
+    },
+    list: {
+      // 传入的列表
+      type: Array,
+      default: () => []
+    }
+  }, {
+    "modelValue": { type: Array },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change", "clear"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const modelValue = useModel(__props, "modelValue");
+    const emit = __emit;
+    const props = __props;
+    const selections = ref([]);
+    watch(() => props.list, () => {
+      setOptions();
+    });
+    watch(modelValue, (n, o) => {
+      if (JSON.stringify(n) === JSON.stringify(o)) {
+        return;
+      }
+      selections.value = modelValue.value;
+    });
+    const setOptions = () => {
+      const _options = JSON.parse(JSON.stringify(props.list));
+      _options.unshift({ [props.labelkey]: "全部选择", [props.valuekey]: "ALL" });
+      options.value = _options;
+    };
+    const options = ref([]);
+    const attrChange = (v) => {
+      nextTick(() => {
+        if (selections.value.includes("ALL")) {
+          const itemsArr = [];
+          const _val = [];
+          options.value.forEach((item) => {
+            if (item[props.valuekey] !== "ALL" && !selections.value.includes(item[props.valuekey])) {
+              itemsArr.push(item[props.valuekey]);
+              _val.push(item[props.valuekey]);
+            }
+          });
+          selections.value = _val;
+          options.value[0][props.valuekey] = "CANCEL";
+          options.value[0][props.labelkey] = "全部取消";
+        } else if (selections.value.includes("CANCEL")) {
+          selections.value = [];
+          options.value[0][props.valuekey] = "ALL";
+          options.value[0][props.labelkey] = "全部选择";
+        }
+        modelValue.value = selections.value;
+        emit("change", modelValue.value);
+      });
+    };
+    const clear = () => {
+      modelValue.value = [];
+      options.value[0][props.valuekey] = "ALL";
+      options.value[0][props.labelkey] = "全部选择";
+      emit("clear");
+    };
+    onMounted(() => {
+      setOptions();
+      selections.value = modelValue.value;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_select_v2 = ElSelectV2;
+      return openBlock(), createBlock(_component_el_select_v2, mergeProps({
+        filterable: "",
+        modelValue: selections.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selections.value = $event)
+      }, __props.binds, {
+        options: options.value,
+        style: { "width": "150px" },
+        multiple: "",
+        clearable: "",
+        "collapse-tags": "",
+        "collapse-tags-tooltip": "",
+        onChange: attrChange,
+        onClear: clear,
+        height: 300
+      }), null, 16, ["modelValue", "options"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/SelectCustomAll.css

@@ -1 +1,8 @@
-.custom-header .el-checkbox{display:flex;height:unset}
+
+.custom-header {
+.el-checkbox {
+            display: flex;
+            height: unset;
+}
+}
+  

package/dist/SelectCustomAll.vue_vue_type_style_index_0_lang-BEZwlGXa.js

@@ -0,0 +1,111 @@
+import { ElSelect, ElOption, ElCheckbox } from "element-plus/es";
+import { defineComponent, ref, useModel, watch, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, createVNode, createTextVNode, mergeModels } from "vue";
+import './SelectCustomAll.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectCustomAll",
+  props: /* @__PURE__ */ mergeModels({
+    list: {
+      // 传入的列表
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: "label"
+    },
+    value: {
+      type: String,
+      default: "value"
+    },
+    selectAll: {
+      type: Boolean,
+      default: true
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const optionsList = ref(JSON.parse(JSON.stringify(props.list)));
+    const modelValue = useModel(__props, "modelValue");
+    const checkAll = ref(false);
+    const indeterminate = ref(false);
+    const handleCheckAllStatus = () => {
+      if (modelValue.value.length) {
+        const isMatch = modelValue.value.some((e) => optionsList.value.some((f) => f[props.value] === e));
+        const isAllMatch = optionsList.value.every((e) => modelValue.value.some((f) => e[props.value] === f));
+        if (isAllMatch) {
+          checkAll.value = true;
+          indeterminate.value = false;
+        } else if (isMatch) {
+          indeterminate.value = true;
+        } else {
+          checkAll.value = false;
+          indeterminate.value = false;
+        }
+      } else {
+        indeterminate.value = false;
+        checkAll.value = false;
+      }
+    };
+    const filterMethod = (val) => {
+      optionsList.value = props.list.filter((e) => e[props.label].toLowerCase().indexOf(val.toLowerCase()) >= 0);
+      handleCheckAllStatus();
+    };
+    watch(() => modelValue.value, () => {
+      handleCheckAllStatus();
+    });
+    const handleCheckAll = (val) => {
+      indeterminate.value = false;
+      if (val) {
+        modelValue.value = optionsList.value.map((e) => e[props.value]);
+      } else {
+        modelValue.value = [];
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_checkbox = ElCheckbox;
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      return openBlock(), createBlock(_component_el_select, mergeProps(_ctx.$attrs, {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
+        "filter-method": filterMethod,
+        placeholder: "请选择"
+      }), createSlots({
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(optionsList.value, (item) => {
+            return openBlock(), createBlock(_component_el_option, {
+              key: item.value,
+              label: item[props.label],
+              value: item[props.value]
+            }, null, 8, ["label", "value"]);
+          }), 128))
+        ]),
+        _: 2
+      }, [
+        __props.selectAll ? {
+          name: "header",
+          fn: withCtx(() => [
+            createVNode(_component_el_checkbox, {
+              modelValue: checkAll.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkAll.value = $event),
+              indeterminate: indeterminate.value,
+              onChange: handleCheckAll
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode(" 全选 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "indeterminate"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/SelectTimePicker.vue_vue_type_script_setup_true_lang-Dk4TpTBN.js

@@ -0,0 +1,48 @@
+import { ElSelectV2, ElDatePicker } from "element-plus/es";
+import { defineComponent, useModel, openBlock, createElementBlock, createVNode, unref, mergeModels } from "vue";
+import { dayjs } from "element-plus";
+import { s as shortcuts } from "./dateShortcuts-DjFC_Txu.js";
+const _hoisted_1 = { class: "flex" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectTimePicker",
+  props: /* @__PURE__ */ mergeModels({
+    mapData: {},
+    selectOption: {},
+    propsConfig: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const model = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      const _component_el_select_v2 = ElSelectV2;
+      const _component_el_date_picker = ElDatePicker;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_select_v2, {
+          modelValue: model.value[__props.mapData.selectLabel],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value[__props.mapData.selectLabel] = $event),
+          options: __props.selectOption,
+          placeholder: "时间类型",
+          style: { "width": "125px" },
+          clearable: ""
+        }, null, 8, ["modelValue", "options"]),
+        createVNode(_component_el_date_picker, {
+          modelValue: model.value[__props.mapData.timeLabel],
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value[__props.mapData.timeLabel] = $event),
+          type: "daterange",
+          "value-format": "x",
+          "start-placeholder": "开始时间",
+          "end-placeholder": "结束时间",
+          defaultTime: [unref(dayjs)().startOf("day"), unref(dayjs)().endOf("day")],
+          shortcuts: unref(shortcuts),
+          style: { "width": "260px" }
+        }, null, 8, ["modelValue", "defaultTime", "shortcuts"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};