@cloud-app-dev/vidc 1.0.32 → 1.0.36

package/es/RefDrawer/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface IUseDrawerHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: () => void;
+    width?: number | string;
+    className?: string;
+}
+export interface IDrawerMethodsProps {
+    open: (options: IUseDrawerHookState) => void;
+    close: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IDrawerMethodsProps>>;
+export default _default;

package/es/RefDrawer/index.js

@@ -0,0 +1,72 @@
+import _Drawer from "@cloud-app-dev/basic-components/es/Drawer";
+import _ConfigContext from "@cloud-app-dev/basic-components/es/ConfigContext";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
+
+function RefDrawer(_, ref) {
+  var context = useContext(_ConfigContext);
+  var root = useMemo(function () {
+    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
+  }, [context === null || context === void 0 ? void 0 : context.root]);
+
+  var _useState = useState({
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var open = function open(options) {
+    setState(function (old) {
+      return Object.assign(Object.assign(Object.assign({}, old), options), {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        visible: false
+      });
+    });
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      open: open,
+      close: close
+    };
+  }, [state]);
+  return /*#__PURE__*/React.createElement(_Drawer, {
+    visible: state.visible,
+    onOk: state.onOk,
+    onClose: close,
+    destroyOnClose: true,
+    title: state.title,
+    width: state.width,
+    className: state.className,
+    getContainer: function getContainer() {
+      return root;
+    }
+  }, state.content);
+}
+
+export default /*#__PURE__*/React.forwardRef(RefDrawer);

package/es/RefModal/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface IUseModalHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: () => void;
+    width?: number | string;
+    className?: string;
+}
+export interface IModalMethodsProps {
+    open: (options: IUseModalHookState) => void;
+    close: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IModalMethodsProps>>;
+export default _default;

package/es/RefModal/index.js

@@ -0,0 +1,74 @@
+import _Modal from "@cloud-app-dev/basic-components/es/Modal";
+import _ConfigContext from "@cloud-app-dev/basic-components/es/ConfigContext";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
+
+function RefModal(_, ref) {
+  var context = useContext(_ConfigContext);
+  var root = useMemo(function () {
+    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
+  }, [context === null || context === void 0 ? void 0 : context.root]);
+
+  var _useState = useState({
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var open = function open(options) {
+    setState(function (old) {
+      return Object.assign(Object.assign(Object.assign({}, old), options), {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        visible: false
+      });
+    });
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      open: open,
+      close: close
+    };
+  }, [state]);
+  return /*#__PURE__*/React.createElement(_Modal, {
+    okText: "\u786E\u5B9A",
+    cancelText: "\u53D6\u6D88",
+    visible: state.visible,
+    onOk: state.onOk,
+    onCancel: close,
+    destroyOnClose: true,
+    title: state.title,
+    width: state.width,
+    className: state.className,
+    getContainer: function getContainer() {
+      return root;
+    }
+  }, state.content);
+}
+
+export default /*#__PURE__*/React.forwardRef(RefModal);

package/es/TreeMode/demo.d.ts

@@ -0,0 +1,2 @@
+declare function App(): JSX.Element;
+export default App;

package/es/TreeMode/demo.js

@@ -0,0 +1,30 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import React from 'react';
+import BsTree from './index';
+
+function App() {
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 20,
+      height: 400,
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement(BsTree, {
+    title: "\u8BBE\u5907\u4E1A\u52A1\u6811",
+    mode: "Bz"
+  }), /*#__PURE__*/React.createElement(BsTree, {
+    title: "\u81EA\u5B9A\u4E49\u5206\u7EC4",
+    mode: "Custom"
+  }), /*#__PURE__*/React.createElement(BsTree, {
+    title: "\u884C\u653F\u533A\u5212",
+    mode: "Place"
+  }), /*#__PURE__*/React.createElement(BsTree, {
+    title: "\u7EC4\u7EC7\u673A\u6784",
+    mode: "Org"
+  })));
+}
+
+export default App;

package/es/TreeMode/index.css

@@ -0,0 +1,36 @@
+.bc-type-tree-layout {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--bd-color);
+  margin-left: -1px;
+}
+.bc-type-tree-layout .lm-c-tree-title-part {
+  border-bottom: 1px solid var(--bd-color);
+  background-color: var(--form-bg-light);
+}
+.bc-type-tree-layout > .lm-base-tree-component {
+  flex: 1;
+  overflow: auto;
+}
+.bc-type-tree-layout .lm-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover:after,
+.bc-type-tree-layout .lm-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected:after {
+  left: 10px;
+  width: calc(100% - 10px);
+}
+.bc-type-tree-layout .cloudapp-tree {
+  height: 100%;
+  overflow: auto;
+}
+.bc-type-tree-layout .anticon {
+  font-size: var(--fs);
+}
+.bc-type-tree-layout .cloudapp-tree-title {
+  font-size: var(--fs-small);
+  flex: 1;
+}
+.bc-type-tree-layout .cloudapp-tree-title > span {
+  min-width: 100%;
+  display: inline-flex;
+  justify-content: space-between;
+}

package/es/TreeMode/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { BaseTreeProps } from '@cloud-app-dev/basic-components/es/Tree';
+import './index.less';
+interface IBsTreeProps extends BaseTreeProps {
+    title?: React.ReactNode;
+    inputPlaceholder?: string;
+    renderHeader?: () => JSX.Element;
+    /**
+     * @description 需要默认选中时触发 事件
+     */
+    onDefailtSelect?: (id?: string) => void;
+    mode?: 'Bz' | 'Custom' | 'Place' | 'Org';
+}
+declare function TreeMode({ title, className, renderHeader, inputPlaceholder, treeNodeProps, onDefailtSelect, mode, ...props }: IBsTreeProps): JSX.Element;
+declare namespace TreeMode {
+    var defaultProps: {
+        mode: string;
+        className: string;
+    };
+}
+export default TreeMode;

package/es/TreeMode/index.js

@@ -0,0 +1,190 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import _Tree from "@cloud-app-dev/basic-components/es/Tree";
+import _CBox from "@cloud-app-dev/basic-components/es/CBox";
+import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { __rest } from "tslib";
+import React, { useEffect, useMemo, useState } from 'react';
+import api from '../Api';
+import TreeTitle from '../TreeTitle';
+import { treeHelper } from '@cloud-app-dev/utils';
+import { getParentListById, getPlaceCodesWithParent } from '../utils';
+import "./index.css";
+var defaultList = [];
+
+function TreeMode(_a) {
+  var title = _a.title,
+      className = _a.className,
+      renderHeader = _a.renderHeader,
+      inputPlaceholder = _a.inputPlaceholder,
+      treeNodeProps = _a.treeNodeProps,
+      onDefailtSelect = _a.onDefailtSelect,
+      mode = _a.mode,
+      props = __rest(_a, ["title", "className", "renderHeader", "inputPlaceholder", "treeNodeProps", "onDefailtSelect", "mode"]);
+
+  var _useState = useState({
+    keyword: undefined,
+    expandedKeys: undefined,
+    focusKey: Date.now()
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+  /**
+   * @description 根据mode获取树的数据
+   */
+
+
+  var _useHttp = _useHttp2(['TreeMode', mode], function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        _ = _ref2[0],
+        mode = _ref2[1];
+
+    return mode === 'Bz' ? api.getDeviceBzTree() : mode === 'Custom' ? api.getCustomDeviceGroup() : mode === 'Org' ? api.getOrgs() : api.getPlacesByHasDevice();
+  }),
+      _useHttp$data = _useHttp.data,
+      list = _useHttp$data === void 0 ? defaultList : _useHttp$data;
+
+  var treeData = useMemo(function () {
+    return mode === 'Place' ? treeHelper.computPlaceTree(list) : treeHelper.computTreeList(list);
+  }, [list, mode]);
+  useEffect(function () {
+    var _a, _b;
+
+    var keys = [];
+    var defaultKeys = mode === 'Place' ? [] : ((_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id) ? [(_b = treeData[0]) === null || _b === void 0 ? void 0 : _b.id] : [];
+
+    if (!state.keyword) {
+      setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          expandedKeys: defaultKeys,
+          focusKey: Date.now()
+        });
+      });
+      return null;
+    }
+
+    switch (mode) {
+      case 'Place':
+        var places = list.filter(function (v) {
+          return v.areaName.includes(state.keyword);
+        });
+        places.forEach(function (v) {
+          var codes = getPlaceCodesWithParent(v.areaCode, list);
+          keys = [].concat(keys, codes);
+        });
+        break;
+
+      case 'Bz':
+      case 'Custom':
+        var trees = list.filter(function (v) {
+          return v.groupName.includes(state.keyword);
+        });
+        trees.forEach(function (v) {
+          var ids = getParentListById(v.id, list).map(function (v) {
+            return v.id;
+          });
+          keys = [].concat(keys, ids);
+        });
+
+      case 'Org':
+        var orgs = list.filter(function (v) {
+          return v.organizationName.includes(state.keyword);
+        });
+        orgs.forEach(function (v) {
+          var ids = getParentListById(v.id, list).map(function (v) {
+            return v.id;
+          });
+          keys = [].concat(keys, ids);
+        });
+        break;
+    }
+
+    var expandedKeys = _toConsumableArray(new Set(_toConsumableArray(keys)));
+
+    setState(function (old) {
+      var _a;
+
+      return Object.assign(Object.assign({}, old), {
+        expandedKeys: expandedKeys.length > 0 ? expandedKeys : [(_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id],
+        focusKey: Date.now()
+      });
+    });
+  }, [state.keyword, list, treeData, mode]);
+  var treeKey = useMemo(function () {
+    return mode === 'Place' ? 'areaCode' : 'id';
+  }, [mode]);
+  var treeName = useMemo(function () {
+    return mode === 'Place' ? 'areaName' : mode === 'Org' ? 'organizationName' : 'groupName';
+  }, [mode]);
+  useEffect(function () {
+    var id = treeData[0] ? treeData[0][treeKey] : undefined;
+
+    if (id && onDefailtSelect) {
+      onDefailtSelect(id);
+    }
+  }, [treeData, treeKey]);
+  return /*#__PURE__*/React.createElement(_CBox, {
+    className: "bc-type-tree-layout ".concat(className)
+  }, /*#__PURE__*/React.createElement(TreeTitle, {
+    title: title,
+    value: state.keyword,
+    inputPlaceholder: inputPlaceholder,
+    onChange: function onChange(val) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          keyword: val
+        });
+      });
+    }
+  }), renderHeader && renderHeader(), list.length > 0 && /*#__PURE__*/React.createElement(_Tree, Object.assign({}, props, {
+    treeData: treeData,
+    key: state.focusKey,
+    onExpand: function onExpand(keys) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          expandedKeys: keys
+        });
+      });
+    },
+    expandedKeys: state.expandedKeys,
+    defaultExpandedKeys: treeData[0] ? [treeData[0].id] : undefined,
+    treeNodeProps: {
+      keyword: state.keyword,
+      suffix: treeNodeProps === null || treeNodeProps === void 0 ? void 0 : treeNodeProps.suffix,
+      nameKey: treeName,
+      key: treeKey
+    },
+    icon: function icon(node) {
+      return /*#__PURE__*/React.createElement(_IconFont, {
+        type: "".concat(treeData.length > 0 && node.id === treeData[0].id ? 'icon-S_Bar_Home' : mode === 'Place' && node.level > 4 ? 'icon-S_Place_Place' : 'icon-S_Photo_ListTree')
+      });
+    }
+  })));
+}
+
+TreeMode.defaultProps = {
+  mode: 'Bz',
+  className: ''
+};
+export default TreeMode;

package/es/TreeTitle/index.css

@@ -5,6 +5,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  background-color: var(--form-bg-light);
 }
 .lm-c-tree-title-part .title-text {
   padding-right: 10px;

package/es/TreeTitle/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import './index.less';
 interface ITreeTitleProps {
-    title?: string;
+    title?: React.ReactNode;
     inputPlaceholder?: string;
     onChange?: (val: string) => void;
     hasInput?: boolean;
     titleExt?: React.ReactNode;
+    value?: string;
 }
-export default function TreeTitle({ title, inputPlaceholder, onChange, hasInput, titleExt }: ITreeTitleProps): JSX.Element;
+export default function TreeTitle({ title, inputPlaceholder, onChange, hasInput, titleExt, value }: ITreeTitleProps): JSX.Element;
 export {};

package/es/TreeTitle/index.js

@@ -7,7 +7,8 @@ export default function TreeTitle(_ref) {
       onChange = _ref.onChange,
       _ref$hasInput = _ref.hasInput,
       hasInput = _ref$hasInput === void 0 ? true : _ref$hasInput,
-      titleExt = _ref.titleExt;
+      titleExt = _ref.titleExt,
+      value = _ref.value;
 
   if (!title) {
     return null;
@@ -20,6 +21,7 @@ export default function TreeTitle(_ref) {
   }, title), hasInput && /*#__PURE__*/React.createElement(_Input, {
     className: "input-keword",
     placeholder: inputPlaceholder,
-    onChange: onChange
+    onChange: onChange,
+    value: value
   }), titleExt);
 }

package/es/UserSelect/index.css

@@ -0,0 +1,16 @@
+.user-select-layout {
+  display: flex;
+  height: 480px;
+}
+.user-select-layout > div {
+  flex: 1;
+}
+.user-select-layout .lm-organization-tree {
+  border-right: none;
+}
+.user-select-layout .user-source-list {
+  border-right: none;
+}
+.user-select-layout .lm-c-check-list-wrapper {
+  background-color: #fff;
+}

package/es/UserSelect/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
+import './index.less';
+interface IUserSelectProps {
+    selectUsers: UserInfo[];
+    onChange?: (users: UserInfo[]) => void;
+    className?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<IUserSelectProps & React.RefAttributes<any>>;
+export default _default;