bkui-vue 0.0.1-beta.2 → 0.0.1-beta.22

package/lib/tree/tree.d.ts

@@ -0,0 +1,112 @@
+import { TreePropTypes as defineTypes } from './props';
+export declare type TreePropTypes = defineTypes;
+declare const _default: import("vue").DefineComponent<{
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    label: import("vue-types").VueTypeDef<any>;
+    children: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    indent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    lineHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    }; /**
+     * 监听组件配置Data改变
+     */
+    levelLine: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    prefixIcon: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    async: import("vue-types").VueTypeShape<{
+        callback: (item: any, cb: any) => Promise<any>;
+        cache: Boolean;
+    }>;
+    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}, {
+    renderData: import("vue").ComputedRef<any[]>;
+    flatData: {
+        data: any[];
+        schema: any[] | Map<string, any>;
+        levelLineSchema: {};
+    };
+    hanldeTreeNodeClick: (item: any) => void;
+    handleNodeContentClick: (item: any) => void;
+    handleNodeActionClick: (node: any) => void;
+    getActionIcon: (item: any) => any;
+    getRootIcon: (item: any) => JSX.Element;
+    getVirtualLines: (node: any) => JSX.Element[];
+    getNodePrefixIcon: (item: any) => any;
+    getLoadingIcon: (item: any) => "" | JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    label: import("vue-types").VueTypeDef<any>;
+    children: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    indent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    lineHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    }; /**
+     * 监听组件配置Data改变
+     */
+    levelLine: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    virtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    prefixIcon: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    async: import("vue-types").VueTypeShape<{
+        callback: (item: any, cb: any) => Promise<any>;
+        cache: Boolean;
+    }>;
+    offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>>, {
+    data: any[];
+    lineHeight: number;
+    prefixIcon: any;
+    children: string;
+    indent: number;
+    levelLine: any;
+    virtualRender: boolean;
+    offsetLeft: number;
+}>;
+export default _default;

package/lib/tree/tree.less

@@ -0,0 +1,52 @@
+.bk-tree {
+  .bk-node-row {
+    padding-left: calc(var(--offset-left));
+    &.is-checked {
+      background-color: #EBF2FF;
+    }
+  }
+
+  .bk-tree-node {
+    position: relative;
+    height: var(--lineHeight);
+    padding-left: 0;
+    line-height: var(--lineHeight);
+    cursor: pointer;
+
+    &:not(.is-root) {
+      margin-left: calc(var(--depth)*var(--indent));
+
+      &.level-line {
+        &::before {
+          position: absolute;
+          top: calc(50% + 1px);
+          left: calc(0px - var(--indent) + 6px);
+          z-index: 1;
+          width: calc(var(--indent) - 6px);
+          height: 0;
+          pointer-events: none;
+          border-bottom: var(--level-line);
+          content: '';
+        }
+      }
+    }
+
+    .node-virtual-line {
+      display: inline-block;
+      position: absolute;
+      left: calc(var(--depth) * var(--indent) * -1 + 6px);
+      top: -12px;
+      bottom: 50%;
+      width: 0;
+      border-left: var(--level-line);
+    }
+
+    .bk-tree-icon {
+      margin: 0 6px 0 4px;
+    }
+
+    .node-content {
+      display: inline-block;
+    }
+  }
+}

package/lib/tree/tree.variable.css

@@ -0,0 +1,42 @@
+.bk-tree .bk-node-row {
+  padding-left: calc(var(--offset-left));
+}
+.bk-tree .bk-node-row.is-checked {
+  background-color: #EBF2FF;
+}
+.bk-tree .bk-tree-node {
+  position: relative;
+  height: var(--lineHeight);
+  padding-left: 0;
+  line-height: var(--lineHeight);
+  cursor: pointer;
+}
+.bk-tree .bk-tree-node:not(.is-root) {
+  margin-left: calc(var(--depth)*var(--indent));
+}
+.bk-tree .bk-tree-node:not(.is-root).level-line::before {
+  position: absolute;
+  top: calc(50% + 1px);
+  left: calc(0px - var(--indent) + 6px);
+  z-index: 1;
+  width: calc(var(--indent) - 6px);
+  height: 0;
+  pointer-events: none;
+  border-bottom: var(--level-line);
+  content: '';
+}
+.bk-tree .bk-tree-node .node-virtual-line {
+  display: inline-block;
+  position: absolute;
+  left: calc(var(--depth) * var(--indent) * -1 + 6px);
+  top: -12px;
+  bottom: 50%;
+  width: 0;
+  border-left: var(--level-line);
+}
+.bk-tree .bk-tree-node .bk-tree-icon {
+  margin: 0 6px 0 4px;
+}
+.bk-tree .bk-tree-node .node-content {
+  display: inline-block;
+}

package/lib/tree/util.d.ts

@@ -0,0 +1,70 @@
+import { TreePropTypes } from './props';
+/**
+ * 扁平化当前数据
+ * @param arrData
+ * @returns
+ */
+export declare const getFlatdata: (props: TreePropTypes, treeData?: Array<any>, cachedSchema?: any[]) => (any[] | Map<string, any>)[];
+/**
+ * 获取当前节点显示Label
+ * @param item 当前节点
+ * @param props Props
+ */
+export declare const getLabel: (item: any, props: TreePropTypes) => any;
+/**
+ * 根据Props获取Tree样式设置
+ * @param item
+ * @param props
+ * @returns
+ */
+export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
+    '--level-line': any;
+    '--lineHeight': string;
+    '--indent': string;
+    '--offset-left': string;
+};
+/**
+ * 获取节点样式配置
+ * @param item
+ * @param props
+ * @returns
+ */
+export declare const getNodeItemStyle: any;
+/**
+ * 获取当前渲染节点Class List
+ * @param item
+ * @returns
+ */
+export declare const getNodeItemClass: (item: any, schema: any, props: TreePropTypes) => {
+    'is-root': any;
+    'bk-tree-node': boolean;
+    'is-open': any;
+    'is-virtual-render': boolean;
+    'level-line': any;
+};
+/**
+ * 获取当前渲染节点Class List
+ * @param item
+ * @returns
+ */
+export declare const getNodeRowClass: (item: any, schema: any) => {
+    'is-checked': any;
+    'bk-node-row': boolean;
+};
+/**
+ * 根据路径更新指定节点Child-Data
+ * @param path 节点路径
+ * @param treeData Tree Data
+ * @param childKey Child Key
+ * @param nodekey 节点key
+ * @param nodeValue 节点值
+ */
+export declare const updateTreeNode: (path: string, treeData: any[], childKey: string, nodekey: string, nodeValue: any) => void;
+/**
+ * 根据路径更新指定节点Child-Data
+ * @param path 节点路径
+ * @param treeData Tree Data
+ * @param childKey Child Key
+ * @param assignVal value
+ */
+export declare const assignTreeNode: (path: string, treeData: any[], childKey: string, assignVal: any) => void;

package/lib/use-form.d.ts

@@ -0,0 +1,3 @@
+export declare const getFormKey: () => symbol;
+declare const _default: () => unknown;
+export default _default;

package/lib/use-message.d.ts

@@ -0,0 +1,2 @@
+declare const Message: (constructor: any, options: any) => void;
+export default Message;