cnhis-design-vue 3.1.1 → 3.1.4-beta.1

package/es/packages/select-person/src/SelectPerson2.mjs

@@ -0,0 +1,4 @@
+import script from './SelectPerson.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './SelectPerson.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/select-person/src/SelectPerson.vue";

package/es/packages/select-person/src/utils/index.d.ts

@@ -0,0 +1,12 @@
+export function filterTree({ value, data, prop, filter, filterXor, children, visible, filterChildren, callback }: {
+    value: any;
+    data: any;
+    prop: any;
+    filter: any;
+    filterXor: any;
+    children: any;
+    visible: any;
+    filterChildren?: boolean | undefined;
+    callback: any;
+}): any;
+export function deepTraversalFirst(node: any, nodeList?: any[]): any[];

package/es/packages/select-person/src/utils/index.mjs

@@ -0,0 +1 @@
+export { deepTraversalFirst, filterTree } from './index2.mjs';

package/{packages/select-person/src/utils/index.js → es/packages/select-person/src/utils/index2.mjs}

@@ -1,66 +1,57 @@
-// 过滤树形数据
-export const filterTree = ({ value, data, prop, filter, filterXor, children, visible, filterChildren = true, callback }) => {
-  // 默认赋值
-  visible = visible || 'visible';
-  children = children || 'children';
-  prop = prop || 'text';
-
-  const filterNodeMethod = function(value, data) {
-    if (!value) {
-      return true;
-    }
-    let flag = (data[prop] || '').indexOf(value) !== -1;
-    return filterXor ? !flag : flag;
-  };
-
-  const traverse = function(node) {
-    const childNodes = node[children] || [];
-
-    childNodes.forEach(child => {
-      callback && callback(child);
-      child[visible] = (!node.root && !filterChildren && node[visible]) || filterNodeMethod.call(child, value, child, prop);
-
-      traverse(child);
-    });
-
-    if (!node[visible] && childNodes.length) {
-      let allHidden = true;
-      allHidden = !childNodes.some(child => child[visible]);
-
-      node[visible] = allHidden === false;
-    }
-  };
-  let totalData = {
-    root: true
-  };
-  totalData[children] = data;
-  traverse(totalData);
-
-  if (filter) {
-    let copyData = data.slice();
-    let filterHandle = filterData => {
-      return filterData.filter((item, index) => {
-        if (item[visible]) {
-          if (item[children]) {
-            item[children] = filterHandle(item[children]);
-          }
-          return true;
-        }
-        return false;
-      });
-    };
-    return filterHandle(copyData);
-  }
-};
-
-// 查找每一层数据的第一条
-export const deepTraversalFirst = (node, nodeList = []) => {
-  if (node !== null) {
-    nodeList.push(node);
-    if (node.children && node.children.length > 0) {
-      let children = node.children;
-      deepTraversalFirst(children[0], nodeList);
-    }
-  }
-  return nodeList;
-};
+const filterTree = ({ value, data, prop, filter, filterXor, children, visible, filterChildren = true, callback }) => {
+  visible = visible || "visible";
+  children = children || "children";
+  prop = prop || "text";
+  const filterNodeMethod = function(value2, data2) {
+    if (!value2) {
+      return true;
+    }
+    let flag = (data2[prop] || "").indexOf(value2) !== -1;
+    return filterXor ? !flag : flag;
+  };
+  const traverse = function(node) {
+    const childNodes = node[children] || [];
+    childNodes.forEach((child) => {
+      callback && callback(child);
+      child[visible] = !node.root && !filterChildren && node[visible] || filterNodeMethod.call(child, value, child, prop);
+      traverse(child);
+    });
+    if (!node[visible] && childNodes.length) {
+      let allHidden = true;
+      allHidden = !childNodes.some((child) => child[visible]);
+      node[visible] = allHidden === false;
+    }
+  };
+  let totalData = {
+    root: true
+  };
+  totalData[children] = data;
+  traverse(totalData);
+  if (filter) {
+    let copyData = data.slice();
+    let filterHandle = (filterData) => {
+      return filterData.filter((item, index) => {
+        if (item[visible]) {
+          if (item[children]) {
+            item[children] = filterHandle(item[children]);
+          }
+          return true;
+        }
+        return false;
+      });
+    };
+    return filterHandle(copyData);
+  }
+};
+const deepTraversalFirst = (node, nodeList = []) => {
+  if (node !== null) {
+    nodeList.push(node);
+    if (node.children && node.children.length > 0) {
+      let children = node.children;
+      deepTraversalFirst(children[0], nodeList);
+    }
+  }
+  return nodeList;
+};
+
+export { deepTraversalFirst, filterTree };

package/es/packages/select-person/style/index.css

@@ -0,0 +1,193 @@
+.people-tree {
+  display: flex;
+}
+.people-tree .people-tree-item {
+  width: 50%;
+  padding: 22px 12px 0;
+  max-height: 376px;
+  height: 376px;
+  overflow-y: auto;
+}
+.people-tree .people-tree-item.people-tree-left {
+  display: flex;
+  flex-direction: column;
+}
+.people-tree .people-tree-item:first-child {
+  border-right: 1px solid #e8e8e8;
+}
+.people-tree .people-tree-item .tag-item {
+  box-sizing: border-box;
+  color: #212121;
+  font-size: 14px;
+  list-style: none;
+  display: inline-flex;
+  align-items: center;
+  height: 24px;
+  line-height: 24px;
+  margin-right: 8px;
+  margin-bottom: 4px;
+  padding: 0 6px;
+  white-space: nowrap;
+  background: rgba(213, 213, 213, 0.2);
+  border: 1px solid rgba(0, 0, 0, 0.14);
+  border-radius: 4px;
+  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+.people-tree .people-tree-item .tag-item.isRoot {
+  background: rgba(85, 133, 245, 0.08);
+  border: 1px solid rgba(85, 133, 245, 0.5);
+  color: #5585f5;
+}
+.people-tree .people-tree-item .tag-item.isRoot .tag-close {
+  color: #5585f5;
+}
+.people-tree .people-tree-item .tag-item.isRoot .tag-close:hover {
+  color: rgba(85, 133, 245, 0.6);
+}
+.people-tree .people-tree-item .tag-item .tag-close {
+  display: inline-block;
+  font-size: 14px;
+  margin-left: 3px;
+  color: #969696;
+  font-weight: 700;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.people-tree .people-tree-item .tag-item .tag-close:hover {
+  color: rgba(85, 133, 245, 0.6);
+}
+.people-tree .people-tree-item .tag-item .tag-close:active {
+  color: #fff;
+}
+.people-tree .people-tree-item .no-data-tips {
+  height: 200px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 16px;
+  font-weight: 700;
+}
+.people-tree .people-tree-item .c-title {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #212121;
+}
+.people-tree .people-tree-item .c-sub-title {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  color: #4e4e4e;
+}
+.people-tree .people-tree-item .p-title {
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #212121;
+}
+.people-tree .people-tree-item.tags-box {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-content: flex-start;
+}
+.df {
+  display: flex;
+}
+.search-input-icon {
+  color: rgba(0, 0, 0, 0.4);
+  margin-bottom: -2px;
+}
+.main-tree-container {
+  overflow-y: auto;
+}
+.df {
+  display: flex;
+}
+.search-tree-wrap .search-tree-item {
+  display: flex;
+  align-items: center;
+}
+.search-tree-wrap .name-wrap {
+  width: 48px;
+  height: 48px;
+  background: #7d88b5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  margin-right: 13px;
+}
+.search-tree-wrap .name-wrap .name {
+  font-size: 16px;
+  color: #ffffff;
+  margin-bottom: 0;
+  line-height: 16px;
+}
+.search-tree-wrap .info-wrap {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  flex-direction: column;
+}
+.search-tree-wrap .info-wrap-top {
+  align-items: flex-end;
+  margin: 0;
+  margin-bottom: 1px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.search-tree-wrap .info-wrap-title {
+  margin-bottom: 0;
+  font-size: 16px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #4e4e4e;
+  line-height: 16px;
+}
+.search-tree-wrap .info-wrap-title .c-title {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #212121;
+}
+.search-tree-wrap .info-wrap-title .c-sub-title {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  color: #4e4e4e;
+}
+.search-tree-wrap .info-wrap-desc {
+  margin-left: 10px;
+  margin-bottom: 0;
+  font-size: 12px;
+  line-height: 17px;
+  color: #aeaeae;
+}
+.search-tree-wrap .info-wrap-position {
+  margin-bottom: 0;
+  font-size: 12px;
+  color: #7d88b5;
+  line-height: 17px;
+}
+.load-more-btn-wrap {
+  display: flex;
+  justify-content: center;
+  height: 35px;
+  line-height: 35px;
+  cursor: pointer;
+  padding-top: 10px;
+  box-sizing: border-box;
+}
+.load-more-btn-wrap .search-input-icon {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.4);
+  margin-right: 14px;
+}
+.load-more-btn-wrap .load-more-btn {
+  font-size: 12px;
+  color: #747c8e;
+  line-height: 12px;
+}

package/es/packages/select-person/style/index.less

@@ -0,0 +1,229 @@
+@primary-color: #5585f5;
+.people-tree {
+  display: flex;
+
+  .people-tree-item {
+    width: 50%;
+    padding: 22px 12px 0;
+    max-height: 376px;
+    height: 376px;
+    overflow-y: auto;
+
+    &.people-tree-left {
+      display: flex;
+      flex-direction: column;
+    }
+
+    &:first-child {
+      border-right: 1px solid #e8e8e8;
+    }
+
+    .tag-item {
+      &.isRoot {
+        background: rgba(@primary-color, 0.08);
+        border: 1px solid rgba(@primary-color, 0.5);
+        color: @primary-color;
+
+        .tag-close {
+          color: @primary-color;
+
+          &:hover {
+            color: rgba(@primary-color, 0.6);
+          }
+        }
+
+      }
+
+      box-sizing: border-box;
+      color: #212121;
+      font-size: 14px;
+      list-style: none;
+      display: inline-flex;
+      align-items: center;
+      height: 24px;
+      line-height: 24px;
+      margin-right: 8px;
+      margin-bottom: 4px;
+      padding: 0 6px;
+      white-space: nowrap;
+      background: rgba(#d5d5d5, 0.2);
+      border: 1px solid rgba(#000000, 0.14);
+      border-radius: 4px;
+      transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+
+      .tag-close {
+        &:hover {
+          color: rgba(@primary-color, 0.6);
+        }
+
+        &:active {
+          color: #fff;
+        }
+
+        display: inline-block;
+        font-size: 14px;
+        margin-left: 3px;
+        color: #969696;
+        font-weight: 700;
+        cursor: pointer;
+        transition: all 0.3s;
+      }
+    }
+
+    .no-data-tips {
+      height: 200px;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 16px;
+      font-weight: 700;
+    }
+
+    .c-title {
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #212121;
+    }
+
+    .c-sub-title {
+      font-size: 12px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #4e4e4e;
+    }
+
+    .p-title {
+      font-size: 14px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #212121;
+    }
+
+    &.tags-box {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+      align-items: flex-start;
+      align-content: flex-start;
+    }
+  }
+}
+
+.df {
+  display: flex;
+}
+
+.search-input-icon {
+  color: rgba(0, 0, 0, 0.4);
+  margin-bottom: -2px;
+}
+
+.main-tree-container {
+  overflow-y: auto;
+}
+
+.df {
+  display: flex;
+}
+
+.search-tree-wrap {
+  .search-tree-item {
+    display: flex;
+    align-items: center;
+  }
+
+  .name-wrap {
+    width: 48px;
+    height: 48px;
+    background: #7d88b5;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    margin-right: 13px;
+
+    .name {
+      font-size: 16px;
+      color: #ffffff;
+      margin-bottom: 0;
+      line-height: 16px;
+    }
+  }
+
+  .info-wrap {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .info-wrap-top {
+    align-items: flex-end;
+    margin: 0;
+    margin-bottom: 1px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .info-wrap-title {
+    margin-bottom: 0;
+    font-size: 16px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #4e4e4e;
+    line-height: 16px;
+
+    .c-title {
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #212121;
+    }
+
+    .c-sub-title {
+      font-size: 12px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #4e4e4e;
+    }
+  }
+
+  .info-wrap-desc {
+    margin-left: 10px;
+    margin-bottom: 0;
+    font-size: 12px;
+    line-height: 17px;
+    color: #aeaeae;
+  }
+
+  .info-wrap-position {
+    margin-bottom: 0;
+    font-size: 12px;
+    color: #7d88b5;
+    line-height: 17px;
+  }
+}
+
+.load-more-btn-wrap {
+  display: flex;
+  justify-content: center;
+  height: 35px;
+  line-height: 35px;
+  cursor: pointer;
+  padding-top: 10px;
+  box-sizing: border-box;
+
+  .search-input-icon {
+    font-size: 16px;
+    color: rgba(0, 0, 0, 0.4);
+    margin-right: 14px;
+  }
+
+  .load-more-btn {
+    font-size: 12px;
+    color: #747c8e;
+    line-height: 12px;
+  }
+}

package/es/src/core/create.d.ts

@@ -0,0 +1 @@
+export default function _default(vm: any): any;

package/es/src/core/create.mjs

@@ -0,0 +1 @@
+export { default } from './create2.mjs';

package/es/src/core/create2.mjs

@@ -0,0 +1,8 @@
+import { KEY_COMPONENT_NAME } from '../global/variable2.mjs';
+
+function create(vm) {
+  vm.name = KEY_COMPONENT_NAME + (vm.name || "");
+  return vm;
+}
+
+export { create as default };

package/es/src/global/variable.d.ts

@@ -0,0 +1,2 @@
+export declare const KEY_COMPONENT_NAME = "C";
+export declare const GROUP_TITLE_KEY = "group-show-title";

package/es/src/global/variable.mjs

@@ -0,0 +1 @@
+export { GROUP_TITLE_KEY, KEY_COMPONENT_NAME } from './variable2.mjs';

package/es/src/global/variable2.mjs

@@ -0,0 +1,4 @@
+const KEY_COMPONENT_NAME = "C";
+const GROUP_TITLE_KEY = "group-show-title";
+
+export { GROUP_TITLE_KEY, KEY_COMPONENT_NAME };

package/es/src/types/index.d.ts

@@ -0,0 +1,4 @@
+import { App } from '@vue/runtime-core';
+export declare type SFCWithInstall<T> = T & {
+    install: (app: App, ...options: any[]) => any;
+};

package/es/src/types/index.mjs

@@ -0,0 +1 @@
+

package/es/src/utils/clickoutside.d.ts

@@ -0,0 +1,18 @@
+interface Binding {
+    expression: any;
+    value?: any;
+}
+/**
+ * v-clickoutside
+ * @desc 点击元素外面才会触发的事件
+ * @example
+ * ```vue
+ * <div v-element-clickoutside="handleClose">
+ * ```
+ */
+declare const _default: {
+    mounted(el: any, binding: Binding, vnode: any): void;
+    update(el: any, binding: Binding, vnode: any): void;
+    unmounted(el: any): void;
+};
+export default _default;

package/es/src/utils/clickoutside.mjs

@@ -0,0 +1 @@
+export { default } from './clickoutside2.mjs';