@cloud-app-dev/vidc 2.2.0-alpha.7 → 3.0.0

package/es/Title/index.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import Input from '../Input';
-import "./index.css";
-
-function Title(_ref) {
-  var title = _ref.title,
-      inputPlaceholder = _ref.inputPlaceholder,
-      onChange = _ref.onChange,
-      _ref$hasInput = _ref.hasInput,
-      hasInput = _ref$hasInput === void 0 ? true : _ref$hasInput,
-      titleExt = _ref.titleExt,
-      value = _ref.value;
-
-  if (!title) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "cloudapp-c-title-part"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "title-text"
-  }, title), hasInput && /*#__PURE__*/React.createElement(Input, {
-    className: "input-keword",
-    placeholder: inputPlaceholder,
-    onChange: onChange,
-    value: value
-  }), titleExt);
-}
-
-export default Title;

package/es/Tree/BaseTree/demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function App(): JSX.Element;
-export default App;

package/es/Tree/BaseTree/index.css

@@ -1,64 +0,0 @@
-.cloudapp-c-base-tree-component {
-  padding: 10px 0;
-  user-select: none;
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-switcher {
-  position: relative;
-  top: -2px;
-  left: 8px;
-  z-index: 2;
-  margin-right: 5px;
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-title {
-  font-size: var(--fs-small);
-  flex: 1 1;
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode {
-  width: 100%;
-  white-space: nowrap;
-  font-size: var(--fs-small);
-  min-width: max-content;
-  position: relative;
-  display: inline-flex;
-  width: calc(100% - 32px);
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper {
-  font-size: var(--fs-small);
-  min-width: max-content;
-  position: relative;
-  display: inline-flex;
-  width: calc(100% - 32px);
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected {
-  background: transparent;
-  color: var(--primary);
-  position: relative;
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover:after,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected:after {
-  content: '';
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  border-bottom: 1px solid var(--primary);
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle {
-  color: var(--primary);
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher .anticon,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher .anticon,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle .anticon,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle .anticon {
-  color: var(--primary);
-}
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-switcher,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-switcher,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-iconEle,
-.cloudapp-c-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-iconEle {
-  color: var(--icon);
-}

package/es/Tree/BaseTree/index.d.ts

@@ -1,24 +0,0 @@
-/**
- * tree 基础组件支持各种自定义其他tree可用过它来拓展
- */
-import React from 'react';
-import type { DataNode, TreeProps } from 'antd/lib/tree';
-import './index.less';
-export interface ITreeNodeProps {
-    prefix?: (node: DataNode) => JSX.Element;
-    suffix?: (node: DataNode) => JSX.Element;
-    keyword?: string;
-    key?: string;
-    nameKey?: string;
-    RenderTreeTitle?: (node: DataNode) => JSX.Element;
-}
-export interface BaseTreeProps extends Omit<TreeProps, 'icon'> {
-    checkable?: boolean;
-    className?: string;
-    treeData?: DataNode[] | any[];
-    showIcon?: boolean;
-    treeNodeProps?: ITreeNodeProps;
-    icon?: (node: DataNode) => JSX.Element;
-}
-declare const BTree: React.ForwardRefExoticComponent<BaseTreeProps & React.RefAttributes<any>>;
-export default BTree;

package/es/Tree/BaseTree/index.js

@@ -1,83 +0,0 @@
-import "antd/lib/tree/style";
-import _Tree from "antd/lib/tree";
-import { __rest } from "tslib";
-/**
- * tree 基础组件支持各种自定义其他tree可用过它来拓展
- */
-
-import React, { useImperativeHandle, useMemo, useRef } from 'react';
-import IconFont from '../../IconFont';
-import HightLevel from '../../HightLevel';
-import "./index.css";
-
-function BaseTree(_a, ref) {
-  var treeData = _a.treeData,
-      className = _a.className,
-      showIcon = _a.showIcon,
-      treeNodeProps = _a.treeNodeProps,
-      icon = _a.icon,
-      props = __rest(_a, ["treeData", "className", "showIcon", "treeNodeProps", "icon"]);
-
-  var _useMemo = useMemo(function () {
-    return treeNodeProps;
-  }, []),
-      prefix = _useMemo.prefix,
-      suffix = _useMemo.suffix,
-      keyword = _useMemo.keyword,
-      _useMemo$key = _useMemo.key,
-      key = _useMemo$key === void 0 ? 'id' : _useMemo$key,
-      _useMemo$nameKey = _useMemo.nameKey,
-      nameKey = _useMemo$nameKey === void 0 ? 'name' : _useMemo$nameKey,
-      RenderTreeTitle = _useMemo.RenderTreeTitle;
-
-  var treeRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return {
-      getCheckedKeys: function getCheckedKeys() {
-        if (!props.checkable || !treeRef.current) {
-          return [];
-        }
-
-        return treeRef.current.tree.state.checkedKeys;
-      }
-    };
-  }, [props.checkable]);
-  return /*#__PURE__*/React.createElement(_Tree, Object.assign({
-    className: "cloudapp-c-base-tree-component ".concat(className),
-    ref: treeRef,
-    showIcon: showIcon,
-    switcherIcon: /*#__PURE__*/React.createElement(IconFont, {
-      style: {
-        fontSize: 20,
-        verticalAlign: '-0.4em'
-      },
-      type: "icon-S_Arrow_SmallDown"
-    }),
-    treeData: treeData,
-    fieldNames: {
-      key: key,
-      title: nameKey
-    },
-    key: keyword,
-    titleRender: RenderTreeTitle ? RenderTreeTitle : function (node) {
-      return /*#__PURE__*/React.createElement("span", {
-        title: node[nameKey],
-        className: "tree-item-title"
-      }, /*#__PURE__*/React.createElement("span", null, showIcon && icon && icon(node), prefix && prefix(node), /*#__PURE__*/React.createElement(HightLevel, {
-        keyword: keyword,
-        name: node[nameKey]
-      })), suffix && suffix(node));
-    }
-  }, props));
-}
-
-var BTree = /*#__PURE__*/React.forwardRef(BaseTree);
-BTree.defaultProps = {
-  treeData: [],
-  className: '',
-  treeNodeProps: {
-    nameKey: 'name',
-    key: 'id'
-  }
-};
-export default BTree;

package/es/UserSelect/demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function App(): JSX.Element;
-export default App;

package/es/UserSelect/demo.js

@@ -1,21 +0,0 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-import React from 'react';
-import UserSelect from './index';
-
-function App() {
-  return /*#__PURE__*/React.createElement(_ConfigProvider, {
-    prefixCls: "cloudapp"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: 20,
-      width: 1000,
-      height: 600
-    }
-  }, /*#__PURE__*/React.createElement(UserSelect, {
-    selectUsers: [],
-    filterUserIds: ['101003000142']
-  })));
-}
-
-export default App;

package/es/UserSelect/index.css

@@ -1,16 +0,0 @@
-.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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { UserInfoType } from '../AppContext/interface';
-import './index.less';
-interface IUserSelectProps {
-    selectUsers: UserInfoType[];
-    onChange?: (users: UserInfoType[]) => void;
-    className?: string;
-    /**
-     * @description 过滤不需要的用户
-     */
-    filterUserIds?: string[];
-    /**
-     * @description  getUser其他参数
-     */
-    userParams?: any;
-}
-declare const _default: React.ForwardRefExoticComponent<IUserSelectProps & React.RefAttributes<any>>;
-export default _default;

package/es/UserSelect/index.js

@@ -1,194 +0,0 @@
-import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
-
-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 React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
-import api from '../Api';
-import TreeMode from '../Tree';
-import { uniq, intersectionWith, uniqBy, differenceWith } from 'lodash-es';
-import IconFont from '../IconFont';
-import useHttp from '../useHttp';
-import ListExt from '../List/ListExt';
-import "./index.css";
-
-function UserSelect(_ref, ref) {
-  var selectUsers = _ref.selectUsers,
-      onChange = _ref.onChange,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      filterUserIds = _ref.filterUserIds,
-      userParams = _ref.userParams;
-
-  var _useState = useState({
-    keyword1: '',
-    keyword2: '',
-    orgId: '',
-    selectUsers: selectUsers,
-    selectIds: selectUsers.map(function (v) {
-      return v.id;
-    })
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var _useHttp = useHttp('QueryOrgList', function () {
-    return api.getOrgs();
-  }),
-      _useHttp$data = _useHttp.data,
-      orgList = _useHttp$data === void 0 ? [] : _useHttp$data;
-
-  var treeData = useMemo(function () {
-    return _treeHelper.computTreeList(orgList);
-  }, [orgList]);
-  var selectId = useMemo(function () {
-    return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
-  }, [treeData, state.orgId]);
-
-  var _useHttp2 = useHttp(['QueryUserList', selectId, userParams], function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-        _ = _ref3[0],
-        id = _ref3[1];
-
-    return id ? api.getUsers(id, userParams, filterUserIds) : Promise.resolve();
-  }),
-      _useHttp2$data = _useHttp2.data,
-      userList = _useHttp2$data === void 0 ? [] : _useHttp2$data;
-
-  var onUserChecked1 = useCallback(function (ids) {
-    var items = userList.filter(function (v) {
-      return ids.includes(v.id);
-    });
-    var notInList = differenceWith(state.selectUsers, userList, function (a, b) {
-      return a.id === b.id;
-    });
-    var arr = [];
-    items.forEach(function (item) {
-      arr.push(item);
-    });
-    var newUsers = uniqBy([].concat(_toConsumableArray(notInList), arr), 'id');
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        selectUsers: newUsers,
-        selectIds: uniq([].concat(_toConsumableArray(old.selectIds), _toConsumableArray(ids)))
-      });
-    });
-  }, [userList, state.selectUsers]);
-  var onUserChecked2 = useCallback(function (ids) {
-    return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        selectIds: ids
-      });
-    });
-  }, []);
-  var list1CheckedKeys = useMemo(function () {
-    return intersectionWith(userList, state.selectUsers, function (a, b) {
-      return a.id === b.id;
-    }).map(function (v) {
-      return v.id;
-    });
-  }, [userList, state.selectUsers]);
-  useImperativeHandle(ref, function () {
-    return {
-      userList: state.selectUsers.filter(function (v) {
-        return state.selectIds.includes(v.id);
-      })
-    };
-  }, [state.selectUsers, state.selectIds]);
-
-  _useUpdateEffect(function () {
-    return onChange && onChange(state.selectUsers.filter(function (v) {
-      return state.selectIds.includes(v.id);
-    }));
-  }, [state.selectUsers, state.selectIds]);
-
-  var renderList1 = useMemo(function () {
-    return userList.filter(function (v) {
-      return !state.keyword1 || v.realName.includes(state.keyword1);
-    });
-  }, [userList, state.keyword1]);
-  var renderList2 = useMemo(function () {
-    return state.selectUsers.filter(function (v) {
-      return !state.keyword2 || v.realName.includes(state.keyword2);
-    });
-  }, [state.selectUsers, state.keyword2]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "user-select-modal-content ".concat(className)
-  }, /*#__PURE__*/React.createElement(TreeMode, {
-    mode: "Org",
-    title: "\u7EC4\u7EC7\u673A\u6784",
-    inputPlaceholder: "\u8BF7\u8F93\u5165\u540D\u79F0",
-    onSelect: function onSelect(ids) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          orgId: ids[0]
-        });
-      });
-    },
-    selectedKeys: [selectId]
-  }), /*#__PURE__*/React.createElement(ListExt, {
-    onChecked: onUserChecked1,
-    list: renderList1,
-    key: userList.length,
-    checkedKeys: list1CheckedKeys,
-    itemKey: "id",
-    itemNameKey: "realName",
-    className: "user-source-list",
-    title: "\u4EBA\u5458\u5217\u8868",
-    onKeywordChange: function onKeywordChange(v) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          keyword1: v
-        });
-      });
-    },
-    keywords: state.keyword1,
-    whatIcon: function whatIcon() {
-      return /*#__PURE__*/React.createElement(IconFont, {
-        type: "icon-S_AID_username"
-      });
-    }
-  }), /*#__PURE__*/React.createElement(ListExt, {
-    list: renderList2,
-    itemKey: "id",
-    itemNameKey: "realName",
-    checkedKeys: state.selectIds,
-    className: "user-select-list",
-    title: "\u5DF2\u9009\u62E9\u4EBA\u5458",
-    onKeywordChange: function onKeywordChange(v) {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          keyword2: v
-        });
-      });
-    },
-    keywords: state.keyword2,
-    onChecked: onUserChecked2,
-    whatIcon: function whatIcon() {
-      return /*#__PURE__*/React.createElement(IconFont, {
-        type: "icon-S_AID_username"
-      });
-    }
-  }));
-}
-
-export default /*#__PURE__*/React.forwardRef(UserSelect);

package/es/WorkerFlow/Demo.js

@@ -1,57 +0,0 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-import React from 'react';
-import WorkerFlow from './index';
-import data from './data.json';
-var form = [{
-  label: '处理意见',
-  auth: 1,
-  name: 'yijian',
-  widgetType: 'SINGLE_SELECTION',
-  required: true,
-  options: [{
-    label: '有效',
-    value: 1
-  }, {
-    label: '无效效',
-    value: 0
-  }]
-}, {
-  label: '备注',
-  auth: 1,
-  name: 'desc'
-}, {
-  label: '图片',
-  auth: 1,
-  name: 'image'
-}, {
-  label: '审核意见',
-  auth: 1,
-  name: 'shyj',
-  options: [{
-    label: '同意',
-    value: 1
-  }, {
-    label: '拒绝',
-    value: 0
-  }]
-}];
-
-var App = function App() {
-  return /*#__PURE__*/React.createElement(_ConfigProvider, {
-    prefixCls: "cloudapp"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 800
-    }
-  }, /*#__PURE__*/React.createElement(WorkerFlow, {
-    form: form,
-    data: data.data,
-    readOnly: false,
-    onChange: console.log,
-    hasTools: true,
-    errorIds: ['UserTask_2222', 'SequenceFlow_6666']
-  })));
-};
-
-export default App;

package/es/WorkerFlow/Form/Approver.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { NodeItem, WorkerFlowFormType } from '../interface';
-interface IApproverFormProps {
-    form: WorkerFlowFormType[];
-    item: NodeItem;
-    onChange: (data: any) => void;
-    config: NodeItem;
-}
-declare function ApproverForm({ form, item, onChange, config }: IApproverFormProps): JSX.Element;
-export default ApproverForm;

package/es/WorkerFlow/Form/Approver.js

@@ -1,33 +0,0 @@
-import React, { useMemo } from 'react';
-import UserSet from './UserSet';
-import FormAuth from './FormAuth';
-import { getParentNodeById } from '../XML/utils';
-
-function ApproverForm(_ref) {
-  var form = _ref.form,
-      item = _ref.item,
-      onChange = _ref.onChange,
-      config = _ref.config;
-  var parentNodeType = useMemo(function () {
-    var _a;
-
-    return (_a = getParentNodeById(config, item.id)) === null || _a === void 0 ? void 0 : _a.bpmnType;
-  }, [config, item.id]);
-  var includeUserTypes = useMemo(function () {
-    return parentNodeType === 'startEvent' ? [1, 3] : parentNodeType === 'sequenceFlow' ? [1, 3, 4, 5] : [1, 2, 3, 4, 5];
-  }, [parentNodeType]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UserSet, {
-    chargeLevel: item.chargeLevel,
-    userType: item.userType,
-    emptyUsers: item.emptyUserList,
-    nodeUserList: item.nodeUserList,
-    usersHandType: item.usersHandType,
-    onChange: onChange,
-    includeUserTypes: includeUserTypes
-  }), /*#__PURE__*/React.createElement(FormAuth, {
-    form: form,
-    onChange: onChange
-  }));
-}
-
-export default ApproverForm;

package/es/WorkerFlow/Form/Condition.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ConditionItemType, NodeItem, WorkerFlowFormType } from '../interface';
-interface IConditionFormProps {
-    form: WorkerFlowFormType[];
-    item?: NodeItem;
-    onChange: (data: any) => void;
-    index?: number;
-    useConditionFields: ConditionItemType[];
-}
-declare function ConditionForm({ form, item, onChange, useConditionFields }: IConditionFormProps): JSX.Element;
-export default ConditionForm;