vap1 0.0.1

package/components/TreeSelect/FTreeSelect.js

@@ -0,0 +1,39 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FTreeSelect = void 0;
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const BaseTreeSelect_1 = require("./BaseTreeSelect");
+const hooks_1 = require("../../hooks");
+const _FTreeSelect = (props) => {
+    const { treeState, setTreeData, onChange, onSelect } = (0, BaseTreeSelect_1.useBaseTree)();
+    const { api } = props;
+    (0, hooks_1.useEffectFunction)(() => __awaiter(void 0, void 0, void 0, function* () {
+        let treeData = [];
+        if (api) {
+            treeData = yield (0, BaseTreeSelect_1.getData)(api, false);
+        }
+        setTreeData(treeData);
+    }), []);
+    const treeProps = {};
+    if (treeState.treeData.length == 1) {
+        // 如果根节点只有一个，则自动展开这个根结点
+        treeProps.treeDefaultExpandedKeys = [treeState.treeData[0][treeState.keyField]];
+    }
+    return react_1.default.createElement(antd_1.TreeSelect, Object.assign({}, treeState.baseProps, treeProps, { disabled: props.disabled, onChange: onChange, onSelect: onSelect }), (0, BaseTreeSelect_1.renderRoot)(props, treeState));
+};
+const FTreeSelect = (props) => react_1.default.createElement(BaseTreeSelect_1.BaseTreeSelect, Object.assign({}, props),
+    react_1.default.createElement(_FTreeSelect, Object.assign({}, props)));
+exports.FTreeSelect = FTreeSelect;

package/components/TreeSelect/STreeSelect.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { BaseTreeSelectProps } from './index';
+import type { TreeNodeData } from '../../utils/TreeUtil';
+export type SSelectTreeProps = BaseTreeSelectProps & {
+    /**
+      * 树数据
+      *  */
+    treeData: TreeNodeData[];
+    /**
+      * 是否扁平数据,默认非扁平数据
+     */
+    isFlat?: boolean;
+};
+export declare const STreeSelect: React.FC<SSelectTreeProps>;

package/components/TreeSelect/STreeSelect.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STreeSelect = void 0;
+const react_1 = __importStar(require("react"));
+const antd_1 = require("antd");
+const BaseTreeSelect_1 = require("./BaseTreeSelect");
+const TreeUtil_1 = require("../../utils/TreeUtil");
+const utils_1 = require("../../utils");
+const _STreeSelect = (props) => {
+    const { treeState, setTreeData, onChange, onSelect } = (0, BaseTreeSelect_1.useBaseTree)();
+    const [init, setInit] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let tree = [];
+        if (props.isFlat) {
+            tree = (0, TreeUtil_1.buildFlatTree)(treeState, props.treeData);
+        }
+        else {
+            tree = props.treeData;
+        }
+        setTreeData(tree);
+        setInit(true);
+    }, []);
+    if (!init)
+        return utils_1.Const.NONE;
+    return react_1.default.createElement(antd_1.TreeSelect, Object.assign({}, treeState.baseProps, { disabled: props.disabled, onChange: onChange, onSelect: onSelect }), (0, BaseTreeSelect_1.renderRoot)(props, treeState));
+};
+const STreeSelect = (props) => react_1.default.createElement(BaseTreeSelect_1.BaseTreeSelect, Object.assign({}, props),
+    react_1.default.createElement(_STreeSelect, Object.assign({}, props)));
+exports.STreeSelect = STreeSelect;

package/components/TreeSelect/index.d.ts

@@ -0,0 +1,94 @@
+import type { Key, PlainObject } from '../../basetype';
+export { STreeSelect } from './STreeSelect';
+export { DTreeSelect } from './DTreeSelect';
+export { FTreeSelect } from './FTreeSelect';
+/**
+ * 基础参数
+*/
+export type BaseTreeSelectProps = {
+    /**
+     * 树取值的字段，默认为 `id`
+    */
+    keyField?: string;
+    /**
+    * 父节点
+    */
+    parentField?: string;
+    /**
+    * 根节点 Code 标识
+    */
+    rootCode?: Key;
+    /**
+     * 自定义 className
+    */
+    className?: string;
+    /**
+     * title 字段，传字段名称。
+     * 如果需要支持 i18n ，则传一个对象，支持3个字段
+    */
+    titleField: string | {
+        /**
+         * 简体中文使用名称字段
+        */
+        zhCN?: string;
+        /**
+         * 英语名称字段
+        */
+        enUS?: string;
+        /**
+         * 繁体中文使用名称字段
+        */
+        zhHK?: string;
+    };
+    /**
+     * 是否存在子节点，如果有些属性，则根据此值不必多点一次加号
+    */
+    checkField?: string;
+    /**
+     * 默认值
+     */
+    defaultValue?: any;
+    /**
+     * 是否多选
+     */
+    multiple?: boolean;
+    /**
+     * 默认展开所有
+     */
+    treeDefaultExpandAll?: boolean;
+    /**
+     * 默认展开所有展示checkbox
+     */
+    treeCheckable?: boolean;
+    /**
+     * 是否禁用树
+     * 禁用后无法进行 select 操作
+     *  */
+    disabled?: boolean;
+    /**
+     * 是否禁用结点，返回true为禁用
+    */
+    disabledNode?: (node: PlainObject) => boolean;
+    /**
+     * 点击选择的回调
+     * @param v 点击的值
+     * @param k id
+     * @param node 点击的节点对象，目前没有pos，需要的话后期加入，需要自行处理treeData生成pos
+     * @returns
+     */
+    onSelect?: (v: any, k: string, node: PlainObject) => void;
+    /**
+     * value 字段，传字段名称。
+     * 如果需要支持 i18n ，则传一个对象，支持3个字段
+    */
+    valueField: string;
+    /**
+     * 选中项发生变化
+     * @param value 选中的值，数组，通常对应id
+     * @param labelList 选中的label值，
+     * @param nodes node对象，包含pos
+     * @returns
+     */
+    onChange?: (value: any[], labelList: string[], nodes: PlainObject[]) => void;
+    [key: string]: any;
+};

package/components/TreeSelect/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FTreeSelect = exports.DTreeSelect = exports.STreeSelect = void 0;
+var STreeSelect_1 = require("./STreeSelect");
+Object.defineProperty(exports, "STreeSelect", { enumerable: true, get: function () { return STreeSelect_1.STreeSelect; } });
+var DTreeSelect_1 = require("./DTreeSelect");
+Object.defineProperty(exports, "DTreeSelect", { enumerable: true, get: function () { return DTreeSelect_1.DTreeSelect; } });
+var FTreeSelect_1 = require("./FTreeSelect");
+Object.defineProperty(exports, "FTreeSelect", { enumerable: true, get: function () { return FTreeSelect_1.FTreeSelect; } });

package/components/Trees/ActionTree.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { BaseTreeState } from './BaseTree';
+import type { BaseTreeProps, ActionProps, ActionRef } from './index';
+import type { PlainObject, Key } from '../../basetype';
+import type { ReactNode } from 'react';
+declare enum INSER_POS {
+    BEFORE = 0,
+    AFTER = 1,
+    INNER = 2,
+    TOP = 3,
+    BOTTOM = 4
+}
+type ActionTreeProps = BaseTreeProps & ActionProps;
+export type CacheTree = {
+    /**
+     * 清理缓存方法
+    */
+    clearCache: Function;
+    /**
+     *
+    */
+    getChildren?: Function;
+};
+type ActionTreeContext = {
+    action: ActionProps;
+    showAdd: (pos: INSER_POS, node: PlainObject, position: number[]) => void;
+    showEdit: (node: PlainObject, position: number[]) => void;
+    del: (node: PlainObject, position: number[]) => void;
+    up: (node: PlainObject, position: number[]) => void;
+    down: (node: PlainObject, position: number[]) => void;
+};
+declare const ActionTreeContext: React.Context<ActionTreeContext>;
+export declare const useActionTree: () => ActionTreeContext;
+/**
+ * ActionTree 可让一个树具备CRUD的能力
+*/
+export declare const ActionTree: React.ForwardRefExoticComponent<import("../../utils/TreeUtil").BaseTreeOpts & {
+    className?: string;
+    iconField?: string | ((item: any) => React.ReactNode);
+    titleField: string | {
+        zhCN?: string;
+        enUS?: string;
+        zhHK?: string;
+    };
+    defaultExpandAll?: boolean;
+    mustSelect?: boolean;
+    disabled?: boolean;
+    disabledNode?: (node: PlainObject) => boolean;
+    onSelect?: (key: Key, node: PlainObject, parentNode: PlainObject, crumb: PlainObject[], pos: number[]) => void;
+    searchValue?: string;
+} & ActionProps & CacheTree & React.RefAttributes<ActionRef>>;
+export declare const renderRoot: (props: ActionTreeProps, state: BaseTreeState, context: ActionTreeContext) => ReactNode;
+export declare const getResponseList: (resp: PlainObject, sortField?: string) => PlainObject[];
+export {};