@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/es/index.d.ts

@@ -1,30 +0,0 @@
-export { default } from './components';
-export { default as appCenter } from './appCenter';
-export { default as messageBox } from './messageBox';
-export { default as userAvater } from './userAvater';
-export { default as typeIcons } from './typeIcons';
-export { default as uploadStep } from './uploadStep';
-export { default as contentModal } from './contentModal';
-export { default as resourceModal } from './resourceModal';
-export { default as previousVersion } from './previousVersion';
-export { default as selectGategory } from './selectGategory';
-export { default as imageCrop } from './imageCrop';
-export { default as uploadBefore } from './uploadBefore';
-export { default as contentDetailList } from './contentDetailList';
-export { default as emptyData } from './emptyData';
-export { default as mediaFilter } from './mediaFilter';
-export { default as selectAvatarList } from './selectAvatarList';
-export { default as userDirector } from './userDirector';
-export { default as selectThumb } from './selectThumb';
-export { default as editMetaInfo } from './editMetaInfo';
-export { default as baseFilter } from './baseFilter';
-export { default as dataTags } from './dataTags';
-export { default as colorPalette } from './colorPalette';
-export { default as resourceGridList } from './resourceGridList';
-export { default as mediaView } from './mediaView';
-export { default as thumbCard } from './thumbCard';
-export { default as selectResourceModal } from './selectResourceModal';
-export { default as docPreview } from './docPreview';
-export { default as docHistory } from './docHistory';
-export { default as videoThumb } from './videoThumb';
-export { default as importData } from './importData';

package/es/index.js

@@ -1,30 +0,0 @@
-export { default } from "./components.js";
-export { default as appCenter } from "./appCenter/index.js";
-export { default as messageBox } from "./messageBox/index.js";
-export { default as userAvater } from "./userAvater/index.js";
-export { default as typeIcons } from "./typeIcons/index.js";
-export { default as uploadStep } from "./uploadStep/index.js";
-export { default as contentModal } from "./contentModal/index.js";
-export { default as resourceModal } from "./resourceModal/index.js";
-export { default as previousVersion } from "./previousVersion/index.js";
-export { default as selectGategory } from "./selectGategory/index.js";
-export { default as imageCrop } from "./imageCrop/index.js";
-export { default as uploadBefore } from "./uploadBefore/index.js";
-export { default as contentDetailList } from "./contentDetailList/index.js";
-export { default as emptyData } from "./emptyData/index.js";
-export { default as mediaFilter } from "./mediaFilter/index.js";
-export { default as selectAvatarList } from "./selectAvatarList/index.js";
-export { default as userDirector } from "./userDirector/index.js";
-export { default as selectThumb } from "./selectThumb/index.js";
-export { default as editMetaInfo } from "./editMetaInfo/index.js";
-export { default as baseFilter } from "./baseFilter/index.js";
-export { default as dataTags } from "./dataTags/index.js";
-export { default as colorPalette } from "./colorPalette/index.js";
-export { default as resourceGridList } from "./resourceGridList/index.js";
-export { default as mediaView } from "./mediaView/index.js";
-export { default as thumbCard } from "./thumbCard/index.js";
-export { default as selectResourceModal } from "./selectResourceModal/index.js";
-export { default as docPreview } from "./docPreview/index.js";
-export { default as docHistory } from "./docHistory/index.js";
-export { default as videoThumb } from "./videoThumb/index.js";
-export { default as importData } from "./importData/index.js";

package/es/index.less

@@ -1,30 +0,0 @@
-@import './style/index.less';
-@import './appCenter/style/index.less';
-@import './messageBox/style/index.less';
-@import './userAvater/style/index.less';
-@import './typeIcons/style/index.less';
-@import './uploadStep/style/index.less';
-@import './contentModal/style/index.less';
-@import './resourceModal/style/index.less';
-@import './previousVersion/style/index.less';
-@import './selectGategory/style/index.less';
-@import './imageCrop/style/index.less';
-@import './uploadBefore/style/index.less';
-@import './contentDetailList/style/index.less';
-@import './emptyData/style/index.less';
-@import './mediaFilter/style/index.less';
-@import './selectAvatarList/style/index.less';
-@import './userDirector/style/index.less';
-@import './selectThumb/style/index.less';
-@import './editMetaInfo/style/index.less';
-@import './baseFilter/style/index.less';
-@import './dataTags/style/index.less';
-@import './colorPalette/style/index.less';
-@import './resourceGridList/style/index.less';
-@import './mediaView/style/index.less';
-@import './thumbCard/style/index.less';
-@import './selectResourceModal/style/index.less';
-@import './docPreview/style/index.less';
-@import './docHistory/style/index.less';
-@import './videoThumb/style/index.less';
-@import './importData/style/index.less';

package/es/mediaFilter/component.js

@@ -1,46 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createBlock, withCtx, renderSlot, createCommentVNode } from "vue";
-import { DEFAULT_BASE_API } from "../config.js";
-import _sfc_main$1 from "./components/DocFilter.js";
-import MedFilter from "./components/MediaFilter.js";
-import _sfc_main$2 from "./components/MpAccountFilter.js";
-import _sfc_main$3 from "./components/MpContentFilter.js";
-const _hoisted_1 = { class: "filter-wrp" };
-const _sfc_main = defineComponent({
-  ...{ name: "mediaFilter" },
-  __name: "component",
-  props: {
-    filterType: {},
-    docFilterKeys: {},
-    docFilterType: {},
-    BASE_API: {}
-  },
-  emits: ["search", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    props.BASE_API || DEFAULT_BASE_API;
-    function handleFilterChange(params) {
-      emits("change", params);
-    }
-    function handleFilterSearch(params) {
-      emits("search", params);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.filterType === "DOC" ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          "filter-keys": _ctx.docFilterKeys,
-          "filter-type": _ctx.docFilterType,
-          onSearch: handleFilterSearch,
-          onChange: handleFilterChange
-        }, {
-          right: withCtx(() => [
-            renderSlot(_ctx.$slots, "right")
-          ]),
-          _: 3
-        }, 8, ["filter-keys", "filter-type"])) : _ctx.filterType === "MEDIA" ? (openBlock(), createBlock(MedFilter, { key: 1 })) : _ctx.filterType === "MP_ACOUNT" ? (openBlock(), createBlock(_sfc_main$2, { key: 2 })) : _ctx.filterType === "MP_CONTENT" ? (openBlock(), createBlock(_sfc_main$3, { key: 3 })) : createCommentVNode("v-if", true)
-      ]);
-    };
-  }
-});
-export { _sfc_main as default };

package/es/mediaFilter/components/DocFilter.js

@@ -1,256 +0,0 @@
-import { defineComponent, ref, computed, watch, openBlock, createBlock, withCtx, createVNode, unref, createElementBlock, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeClass, createElementVNode, toDisplayString, renderSlot } from "vue";
-import { InputSearch, RangePicker, Select, Option, Button, Dropdown, Dgroup, Doption } from "@arco-design/web-vue";
-import { IconRefresh, IconCheck } from "@arco-design/web-vue/es/icon";
-import { typeOptions, stateOptions, docThumbTypeMap } from "../../utils/doc.js";
-import { useHighLevelSearch, getProvalTypeOptions, getApprovalStateOptions } from "../script/optionsGetter.js";
-import _sfc_main$1 from "./FilterGroup.js";
-import _sfc_main$2 from "./FilterItem.js";
-const _hoisted_1 = { class: "label" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = { class: "group-right" };
-const _sfc_main = defineComponent({
-  __name: "DocFilter",
-  props: {
-    filterKeys: { default: () => ["doc_type"] },
-    filterType: { default: "APV" }
-  },
-  emits: ["search", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { highLevelSearchOptions, showHighLevelSearch, sortOptions } = useHighLevelSearch(props.filterType);
-    const filter = ref({
-      keywords: "",
-      doc_type: "",
-      doc_state: "",
-      doc_thumb: "",
-      pub_time: "",
-      doc_banner: "",
-      apv_state: "",
-      apv_type: "",
-      order: highLevelSearchOptions.value.length > 0 ? highLevelSearchOptions.value[0].value : "",
-      sort: -1,
-      meta: {}
-    });
-    if (props.filterType === "MINE") {
-      choseMeta(filter.value.order);
-    }
-    const bannerOptions = [
-      { value: "", label: "\u5168\u90E8" },
-      { value: "0", label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD" },
-      { value: "1", label: "\u6709\u72EC\u7ACB\u8F6E\u64AD" }
-    ];
-    const selectorsLeft = [
-      { key: "doc_type", label: "\u7A3F\u4EF6\u7C7B\u578B", pos: "left", options: typeOptions() },
-      { key: "doc_state", label: "\u7A3F\u4EF6\u72B6\u6001", pos: "left", options: stateOptions() },
-      { key: "doc_thumb", label: "\u5C01\u9762\u7C7B\u578B", pos: "left", options: docThumbTypeMap() },
-      { key: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4", pos: "left", isDatePicker: true },
-      { key: "doc_banner", label: "\u72EC\u7ACB\u8F6E\u64AD", pos: "left", options: bannerOptions },
-      { key: "apv_type", label: "\u5BA1\u6279\u7C7B\u578B", pos: "left", options: getProvalTypeOptions() },
-      { key: "apv_state", label: "\u5BA1\u6838\u72B6\u6001", pos: "left", options: getApprovalStateOptions() }
-    ];
-    const calculateRules = computed(() => {
-      return selectorsLeft.filter((item) => {
-        if (props.filterKeys.includes(item.key))
-          return true;
-        return false;
-      });
-    });
-    const showReset = computed(() => {
-      return calculateRules.value.some((item) => {
-        return filter.value[item.key] !== "";
-      });
-    });
-    function reset() {
-      const excludeColumn = ["order", "sort", "meta", "keywords"];
-      Object.keys(filter.value).forEach((key) => {
-        if (excludeColumn.includes(key))
-          return;
-        filter.value[key] = "";
-      });
-    }
-    function columnFilter(fi) {
-      const ret = {};
-      calculateRules.value.forEach((item) => {
-        ret[item.key] = fi[item.key];
-      });
-      ret.keywords = fi.keywords;
-      ret.highSearch = {
-        order: fi.order,
-        sort: fi.sort,
-        meta: fi.meta
-      };
-      return ret;
-    }
-    function handleSearch() {
-      const ret = columnFilter(filter.value);
-      emits("search", ret);
-    }
-    watch(
-      () => filter.value,
-      (n) => {
-        const ret = columnFilter(n);
-        emits("change", ret);
-      },
-      { deep: true }
-    );
-    const currentChose = computed(() => {
-      return highLevelSearchOptions.value.find(
-        (item) => item.value === filter.value.order
-      );
-    });
-    function choseOrder(e) {
-      filter.value.order = e;
-      if (props.filterType === "MINE")
-        choseMeta(e);
-    }
-    function choseMeta(e) {
-      const v = highLevelSearchOptions.value.find((item) => item.value === e);
-      if (!v)
-        return;
-      filter.value.meta = {
-        from: `${v.key}_from`,
-        to: `${v.key}_to`
-      };
-    }
-    function choseSort(e) {
-      filter.value.sort = e;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, null, {
-        search: withCtx(() => [
-          createVNode(unref(InputSearch), {
-            modelValue: filter.value.keywords,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keywords = $event),
-            "allow-clear": "",
-            size: "medium",
-            placeholder: "\u8BF7\u8F93\u5165\u6807\u9898\u5173\u952E\u5B57",
-            onSearch: handleSearch
-          }, null, 8, ["modelValue"])
-        ]),
-        left: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(calculateRules.value, (item) => {
-            return openBlock(), createBlock(_sfc_main$2, {
-              key: item.key,
-              value: filter.value[item.key],
-              "onUpdate:value": ($event) => filter.value[item.key] = $event,
-              label: item.label,
-              "date-picker": !!item.isDatePicker,
-              options: item.options
-            }, {
-              default: withCtx(() => [
-                createCommentVNode(" \u65E5\u671F\u9009\u62E9\u5668 "),
-                item.isDatePicker ? (openBlock(), createBlock(unref(RangePicker), {
-                  key: 0,
-                  modelValue: filter.value[item.key],
-                  "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
-                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                  }, ["stop"]))
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createCommentVNode(" \u666E\u901A\u9009\u62E9\u5668 "),
-                  createVNode(unref(Select), {
-                    modelValue: filter.value[item.key],
-                    "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
-                    bordered: false,
-                    style: { "width": "120px" },
-                    onClick: _cache[2] || (_cache[2] = withModifiers(() => {
-                    }, ["stop"]))
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(item.options, (opt) => {
-                        return openBlock(), createBlock(unref(Option), {
-                          key: opt.value,
-                          label: opt.label,
-                          value: opt.value
-                        }, null, 8, ["label", "value"]);
-                      }), 128))
-                    ]),
-                    _: 2
-                  }, 1032, ["modelValue", "onUpdate:modelValue"])
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["value", "onUpdate:value", "label", "date-picker", "options"]);
-          }), 128)),
-          createCommentVNode(" \u91CD\u7F6E "),
-          showReset.value ? (openBlock(), createBlock(unref(Button), {
-            key: 0,
-            type: "text",
-            onClick: reset
-          }, {
-            icon: withCtx(() => [
-              createVNode(unref(IconRefresh))
-            ]),
-            default: withCtx(() => [
-              _cache[3] || (_cache[3] = createTextVNode(" \u91CD\u7F6E "))
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
-        ]),
-        right: withCtx(() => [
-          unref(showHighLevelSearch) ? (openBlock(), createBlock(unref(Dropdown), { key: 0 }, {
-            content: withCtx(() => [
-              createVNode(unref(Dgroup), { title: "order" }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(highLevelSearchOptions), (item) => {
-                    return openBlock(), createBlock(unref(Doption), {
-                      key: item.value,
-                      class: normalizeClass({ active: item.value === filter.value.order, dop: true }),
-                      onClick: ($event) => choseOrder(item.value)
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", _hoisted_1, [
-                          createTextVNode(toDisplayString(item.label) + " ", 1),
-                          item.value === filter.value.order ? (openBlock(), createBlock(unref(IconCheck), { key: 0 })) : createCommentVNode("v-if", true)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              }),
-              createVNode(unref(Dgroup), { title: "sort" }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortOptions), (item) => {
-                    return openBlock(), createBlock(unref(Doption), {
-                      key: item.value,
-                      class: normalizeClass({ active: item.value === filter.value.sort, dop: true }),
-                      onClick: ($event) => choseSort(item.value)
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", _hoisted_2, [
-                          createTextVNode(toDisplayString(item.label) + " ", 1),
-                          item.value === filter.value.sort ? (openBlock(), createBlock(unref(IconCheck), { key: 0 })) : createCommentVNode("v-if", true)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(Button), { text: "text" }, {
-                default: withCtx(() => {
-                  var _a;
-                  return [
-                    createTextVNode(toDisplayString((_a = currentChose.value) == null ? void 0 : _a.label), 1)
-                  ];
-                }),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "right")
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-export { _sfc_main as default };

package/es/mediaFilter/components/FilterGroup.js

@@ -1,184 +0,0 @@
-import { defineComponent, ref, watch, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, withDirectives, createVNode, unref, withModifiers, withCtx, createTextVNode, vShow } from "vue";
-import { Button } from "@arco-design/web-vue";
-import { IconCaretDown } from "@arco-design/web-vue/es/icon";
-import { createPopper } from "@popperjs/core";
-const _hoisted_1 = { class: "filter-view-container" };
-const _hoisted_2 = { class: "filter-search" };
-const _hoisted_3 = { class: "more-btn" };
-const _hoisted_4 = { class: "right-prefix" };
-const _hoisted_5 = { class: "filter-content" };
-const _hoisted_6 = { class: "right" };
-const _hoisted_7 = {
-  ref: "tempNode",
-  style: { "display": "none" }
-};
-const _sfc_main = defineComponent({
-  __name: "FilterGroup",
-  setup(__props) {
-    const documentWidth = ref(0);
-    const overflowWidth = ref(0);
-    watch(
-      () => documentWidth.value,
-      (n) => checkOverflow()
-    );
-    watch(
-      () => overflowWidth.value,
-      (n) => setPannelItem()
-    );
-    const initDocWidthListener = function() {
-      window.onresize = (() => {
-        return () => {
-          documentWidth.value = document.body.clientWidth;
-        };
-      })();
-    };
-    const filterItemsRef = ref();
-    const moreBtnRef = ref();
-    const dpPannelRef = ref();
-    const initPopper = function() {
-      createPopper(moreBtnRef.value, dpPannelRef.value, {
-        placement: "bottom-start",
-        modifiers: [{ name: "offset", options: { offset: [-40, 10] } }]
-      });
-    };
-    const popperShowFlag = ref(false);
-    function showPopper() {
-      popperShowFlag.value = true;
-      window.onclick = hidePopper;
-    }
-    function hidePopper() {
-      popperShowFlag.value = false;
-    }
-    const itemNodeArr = ref([]);
-    const itemWidthArr = ref([]);
-    const itemArr = ref([]);
-    function checkOverflow() {
-      if (!filterItemsRef.value)
-        return;
-      const parent = filterItemsRef.value.parentNode;
-      if (!itemNodeArr.value.length) {
-        itemNodeArr.value = mapNodes(filterItemsRef.value.childNodes);
-        itemWidthArr.value = itemNodeArr.value.map((node) => node.clientWidth + 10);
-        itemArr.value = itemWidthArr.value.map((_, idx) => idx);
-      }
-      const parentWidth = parent.clientWidth;
-      const leftWidth = getArrWidth(itemWidthArr.value);
-      const rightWidth = parent.childNodes[parent.childNodes.length - 1].clientWidth;
-      overflowWidth.value = leftWidth + rightWidth - parentWidth;
-    }
-    function mapNodes(nodes) {
-      const nodeArr = [];
-      for (let i = 0; i < nodes.length; i++) {
-        const element = nodes[i];
-        nodeArr.push(element);
-      }
-      return nodeArr.filter((item) => item.clientWidth);
-    }
-    function getArrWidth(arr) {
-      return arr.reduce((prev, cur) => prev + cur, 0);
-    }
-    const pannelArray = ref("");
-    watch(
-      () => pannelArray.value,
-      (n, o) => refreshPannel(n, o)
-    );
-    function refreshPannel(newStr, oldStr) {
-      const nArr = newStr ? newStr.split(",") : [];
-      const oArr = oldStr ? oldStr.split(",") : [];
-      if (nArr.length && nArr.length > oArr.length) {
-        diff(nArr, oArr).forEach((index) => inNode(parseInt(index, 10)));
-      } else if (nArr.length >= 0 && nArr.length < oArr.length) {
-        diff(oArr, nArr).forEach((index) => outNode(parseInt(index, 10)));
-      }
-    }
-    const diff = (arr1, arr2) => {
-      const diff2 = [];
-      for (let i = 0; i < arr1.length; i++) {
-        const item = arr1[i];
-        if (!arr2.includes(item))
-          diff2.push(item);
-      }
-      return diff2;
-    };
-    function inNode(index) {
-      var _a, _b, _c;
-      const node = mapNodes((_a = filterItemsRef.value) == null ? void 0 : _a.childNodes)[index];
-      const temp = document.createElement("div");
-      temp.style.width = `${itemWidthArr.value[index]}px`;
-      temp.style.position = "absolute";
-      temp.style.left = `${50}px`;
-      (_b = filterItemsRef.value) == null ? void 0 : _b.replaceChild(temp, node);
-      (_c = dpPannelRef.value) == null ? void 0 : _c.appendChild(node);
-    }
-    function outNode(index) {
-      var _a;
-      const node = itemNodeArr.value[index];
-      (_a = filterItemsRef.value) == null ? void 0 : _a.replaceChild(
-        node,
-        mapNodes(filterItemsRef.value.childNodes)[index]
-      );
-    }
-    function setPannelItem() {
-      let inPannelNum = 0;
-      if (overflowWidth.value > 0) {
-        const avgWidth = 120;
-        inPannelNum = Math.ceil((overflowWidth.value + 200) / avgWidth);
-      }
-      pannelArray.value = itemArr.value.slice(0, inPannelNum).join(",");
-    }
-    onMounted(() => {
-      initDocWidthListener();
-      initPopper();
-      setTimeout(() => checkOverflow());
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "search")
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", {
-            ref_key: "moreBtnRef",
-            ref: moreBtnRef
-          }, [
-            withDirectives(createVNode(unref(Button), {
-              onClick: withModifiers(showPopper, ["stop"])
-            }, {
-              default: withCtx(() => [
-                createElementVNode("span", _hoisted_4, [
-                  _cache[0] || (_cache[0] = createTextVNode(" \u66F4\u591A\u7B5B\u9009 ")),
-                  createVNode(unref(IconCaretDown))
-                ])
-              ]),
-              _: 1
-            }, 512), [
-              [vShow, pannelArray.value]
-            ])
-          ], 512),
-          withDirectives(createElementVNode("div", {
-            id: "dpPannelRef",
-            ref_key: "dpPannelRef",
-            ref: dpPannelRef,
-            class: "filter-pannel"
-          }, null, 512), [
-            [vShow, popperShowFlag.value]
-          ])
-        ]),
-        createElementVNode("div", _hoisted_5, [
-          createElementVNode("div", {
-            ref_key: "filterItemsRef",
-            ref: filterItemsRef,
-            class: "left"
-          }, [
-            renderSlot(_ctx.$slots, "left")
-          ], 512),
-          createElementVNode("div", _hoisted_6, [
-            renderSlot(_ctx.$slots, "right")
-          ])
-        ]),
-        createElementVNode("div", _hoisted_7, null, 512)
-      ]);
-    };
-  }
-});
-export { _sfc_main as default };