@cloud-app-dev/vidc 2.0.0-alpha.1 → 2.0.0-alpha.13

package/es/Dict/utils.d.ts

@@ -0,0 +1,11 @@
+import { DictItem } from './interface';
+export declare function queryByTypeCode(typeCode: any): Promise<{
+    data: DictItem[];
+}>;
+export declare function queryByTypeCodes(typeCodes?: any[], isWebVisible?: boolean): Promise<{
+    data: DictItem[];
+}>;
+export declare function queryTypeCodes(): Promise<DictItem[]>;
+export declare function formartItemTextExt(text: string): {
+    [key: string]: any;
+};

package/es/Dict/utils.js

@@ -0,0 +1,51 @@
+import _cache from "@cloud-app-dev/utils/es/cache";
+import Service from '../Service';
+export function queryByTypeCode(typeCode) {
+  var headers = {
+    Authorization: _cache.getCache('token', 'session')
+  };
+  return Service.$http({
+    url: "/api/dictionary/v1/queryByTypeCode/".concat(typeCode),
+    method: 'get',
+    requestId: 'queryByTypeCode',
+    headers: headers,
+    data: {}
+  });
+}
+export function queryByTypeCodes() {
+  var typeCodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var isWebVisible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var headers = {
+    Authorization: _cache.getCache('token', 'session')
+  };
+  return Service.$http({
+    url: "/api/dictionary/v1/queryDictionaryListByCondition",
+    method: 'post',
+    requestId: 'queryByTypeCode',
+    headers: headers,
+    data: {
+      isWebVisible: isWebVisible,
+      typeCodeList: typeCodes
+    }
+  });
+}
+export function queryTypeCodes() {
+  return Service.$http({
+    url: "/micro-apps/micro-dep-librarys/config/typeCodes.json",
+    method: 'get',
+    requestId: 'queryTypeCodes'
+  });
+}
+export function formartItemTextExt(text) {
+  var ext = {};
+
+  if (!text) {
+    return ext;
+  }
+
+  try {
+    ext = JSON.stringify(text);
+  } catch (e) {}
+
+  return ext;
+}

package/es/Drag/DragAndDropItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IDragAndDropItemProps } from './interface';
+declare function DragAndDropItem<T>({ children, dragData, dragId, style, onDropEnd, disabledCopyElement }: IDragAndDropItemProps<T>): React.FunctionComponentElement<any>;
+export default DragAndDropItem;

package/es/Drag/DragAndDropItem.js

@@ -0,0 +1,145 @@
+import _uuid from "@cloud-app-dev/utils/es/uuid";
+
+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, { useState, useCallback } from 'react';
+import { useRef, useMemo } from 'react';
+
+function DragAndDropItem(_ref) {
+  var children = _ref.children,
+      dragData = _ref.dragData,
+      dragId = _ref.dragId,
+      style = _ref.style,
+      onDropEnd = _ref.onDropEnd,
+      _ref$disabledCopyElem = _ref.disabledCopyElement,
+      disabledCopyElement = _ref$disabledCopyElem === void 0 ? true : _ref$disabledCopyElem;
+  var id = useMemo(function () {
+    return dragId || "dragId-".concat(_uuid());
+  }, [dragId]);
+
+  var _useState = useState(['', '']),
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
+  var _useState3 = useState([0, 0]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      offset = _useState4[0],
+      setOffset = _useState4[1];
+
+  var domRef = useRef(null);
+  var dragDomTemp = useRef(null);
+  var onDrop = useCallback(function (event) {
+    event.stopPropagation();
+    setStatus(function (old) {
+      return [old[0], 'droped'];
+    });
+    var data = JSON.parse(event.dataTransfer.getData('DATA'));
+    onDropEnd && onDropEnd(data);
+  }, [onDropEnd]);
+  var onDragEnter = useCallback(function (event) {
+    event.stopPropagation();
+    setStatus(function (old) {
+      return [old[0], 'dragenter'];
+    });
+  }, []);
+  var onDragLeave = useCallback(function (event) {
+    event.stopPropagation();
+    setStatus(function (old) {
+      return [old[0], 'dragleave'];
+    });
+  }, []);
+  var allowDrop = useCallback(function (e) {
+    e.preventDefault();
+  }, []);
+  var onDragStart = useCallback(function (event) {
+    if (!domRef.current) {
+      return;
+    }
+
+    if (!disabledCopyElement) {
+      var pageX = event.pageX,
+          pageY = event.pageY;
+
+      var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
+          x = _domRef$current$getBo.x,
+          y = _domRef$current$getBo.y,
+          width = _domRef$current$getBo.width,
+          height = _domRef$current$getBo.height;
+
+      var offsetX = pageX - x;
+      var offsetY = pageY - y;
+      dragDomTemp.current = domRef.current.cloneNode(true);
+      domRef.current.after(dragDomTemp.current); //初始化缓存dom位置
+
+      dragDomTemp.current.style.position = 'fixed';
+      dragDomTemp.current.style.left = "".concat(event.pageX - offsetX, "px");
+      dragDomTemp.current.style.top = "".concat(event.pageY - offsetY, "px");
+      dragDomTemp.current.style.draggable = false;
+      dragDomTemp.current.style.pointerEvents = 'none';
+      dragDomTemp.current.style.opacity = 0.5;
+      dragDomTemp.current.style.zIndex = 99;
+      dragDomTemp.current.style.width = "".concat(width, "px");
+      dragDomTemp.current.style.height = "".concat(height, "px");
+      setOffset([offsetX, offsetY]);
+      event.dataTransfer.setDragImage(new Image(), 0, 0);
+    }
+
+    setStatus(function (old) {
+      return ['draging', old[1]];
+    });
+    var res = {
+      data: dragData,
+      _id: id
+    };
+    event.dataTransfer.setData('DATA', JSON.stringify(res));
+  }, [disabledCopyElement, dragData, id]);
+  var onDragEnd = useCallback(function () {
+    dragDomTemp.current && dragDomTemp.current.remove();
+    setStatus(function (old) {
+      return ['dragEnd', old[1]];
+    });
+  }, []);
+  var onDrag = useCallback(function (e) {
+    if (dragDomTemp.current) {
+      if (e.pageX === 0 && e.pageY === 0) {
+        return;
+      }
+
+      if (e.pageX < offset[2] || e.pageY < offset[3]) {
+        return;
+      }
+
+      dragDomTemp.current.style.position = 'fixed';
+      dragDomTemp.current.style.left = "".concat(e.pageX - offset[0], "px");
+      dragDomTemp.current.style.top = "".concat(e.pageY - offset[1], "px");
+    }
+  }, [offset]);
+  return /*#__PURE__*/React.cloneElement(children, {
+    ref: domRef,
+    onDragStart: onDragStart,
+    onDrag: onDrag,
+    'data-dragId': id,
+    draggable: true,
+    onDragEnd: onDragEnd,
+    onDrop: onDrop,
+    onDragOver: allowDrop,
+    onDragEnter: onDragEnter,
+    onDragLeave: onDragLeave,
+    style: Object.assign(Object.assign({}, style), {
+      opacity: status[0] === 'draging' || status[1] === 'dragenter' ? 0.5 : 1
+    })
+  });
+}
+
+export default DragAndDropItem;

package/es/Drag/DropItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IDropItemProps } from './interface';
+declare function DropItem<T>({ children, style, onDropEnd }: IDropItemProps<T>): React.FunctionComponentElement<any>;
+export default DropItem;

package/es/Drag/DropItem.js

@@ -0,0 +1,54 @@
+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, { useState, useCallback } from 'react';
+import { useRef } from 'react';
+
+function DropItem(_ref) {
+  var children = _ref.children,
+      style = _ref.style,
+      onDropEnd = _ref.onDropEnd;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
+  var domRef = useRef(null);
+  var onDrop = useCallback(function (event) {
+    event.stopPropagation();
+    setStatus('droped');
+    var data = JSON.parse(event.dataTransfer.getData('DATA'));
+    onDropEnd && onDropEnd(data);
+  }, [onDropEnd]);
+  var onDragEnter = useCallback(function (event) {
+    event.stopPropagation();
+    setStatus('dragenter');
+  }, []);
+  var onDragLeave = useCallback(function (event) {
+    event.stopPropagation();
+    setStatus('dragleave');
+  }, []);
+  var allowDrop = useCallback(function (e) {
+    e.preventDefault();
+  }, []);
+  return /*#__PURE__*/React.cloneElement(children, {
+    ref: domRef,
+    onDrop: onDrop,
+    onDragOver: allowDrop,
+    onDragEnter: onDragEnter,
+    onDragLeave: onDragLeave,
+    style: status === 'dragenter' ? Object.assign({}, style) : undefined
+  });
+}
+
+export default DropItem;

package/es/Drag/index.d.ts

@@ -0,0 +1,7 @@
+import DragAndDropItem from './DragAndDropItem';
+import DropItem from './DropItem';
+declare const Drag: {
+    DragAndDropItem: typeof DragAndDropItem;
+    DropItem: typeof DropItem;
+};
+export default Drag;

package/es/Drag/index.js

@@ -0,0 +1,7 @@
+import DragAndDropItem from './DragAndDropItem';
+import DropItem from './DropItem';
+var Drag = {
+  DragAndDropItem: DragAndDropItem,
+  DropItem: DropItem
+};
+export default Drag;

package/es/Drag/interface.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+
+export interface IDragAndDropItemProps<T> {
+  children: JSX.Element;
+  dragData: T;
+  dragId?: string;
+  style?: React.CSSProperties;
+  onDropEnd: (params: { data: T; _id: string }) => void;
+  disabledCopyElement?: boolean;
+}
+
+export interface IDropItemProps<T> {
+  children: JSX.Element;
+  style?: React.CSSProperties;
+  onDropEnd: (params: { data: T; _id?: string }) => void;
+}

package/es/Drawer/Demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/es/Drawer/Demo.js

@@ -0,0 +1,52 @@
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+
+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, { useState } from 'react';
+import Drawer from './index';
+
+var App = function App() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var showDrawer = function showDrawer() {
+    setVisible(true);
+  };
+
+  var onClose = function onClose() {
+    setVisible(false);
+  };
+
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    onClick: showDrawer
+  }, "Open"), /*#__PURE__*/React.createElement(Drawer, {
+    title: "Basic Drawer",
+    placement: "right",
+    onClose: onClose,
+    visible: visible,
+    onOk: function onOk() {
+      alert('确定！');
+      onClose();
+    }
+  }, /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents...")));
+};
+
+export default App;

package/es/Drawer/Footer.d.ts

@@ -0,0 +1,4 @@
+import { IFooterProps } from './interface';
+import './index.less';
+declare function Footer({ onClose, cancelText, okText, onOk }: IFooterProps): JSX.Element;
+export default Footer;

package/es/Drawer/Footer.js

@@ -0,0 +1,26 @@
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import React from 'react';
+import "./index.css";
+
+function Footer(_ref) {
+  var onClose = _ref.onClose,
+      cancelText = _ref.cancelText,
+      okText = _ref.okText,
+      onOk = _ref.onOk;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'right'
+    }
+  }, /*#__PURE__*/React.createElement(_Button, {
+    onClick: onClose,
+    style: {
+      marginRight: 8
+    }
+  }, cancelText), /*#__PURE__*/React.createElement(_Button, {
+    onClick: onOk,
+    type: "primary"
+  }, okText));
+}
+
+export default Footer;

package/es/Drawer/index.css

@@ -0,0 +1,39 @@
+.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-wrapper-body {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 24px;
+  color: inherit;
+  height: var(--drawer-title-height);
+  background-color: var(--drawer-title-bg);
+  border-bottom-color: var(--drawer-divider-color);
+  position: relative;
+}
+.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-header .cloudapp-drawer-title {
+  color: inherit;
+  font-size: var(--fs-large);
+}
+.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-header .cloudapp-drawer-close {
+  padding: 0;
+  position: absolute;
+  right: 0;
+  color: inherit;
+}
+.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-body {
+  background: var(--drawer-content-bg);
+  flex: 1;
+  overflow: auto;
+}
+.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-footer {
+  height: var(--drawer-footer-height);
+  overflow: hidden;
+  padding: 0 24px;
+  line-height: var(--drawer-footer-height);
+  background: var(--drawer-footer-bg);
+  border-top-color: var(--drawer-divider-color);
+}

package/es/Drawer/index.d.ts

@@ -0,0 +1,12 @@
+import { DrawerProps } from './interface';
+import './index.less';
+declare function ZVDrawer({ style, getContainer, onClose, className, onOk, cancelText, okText, children, ...props }: DrawerProps): JSX.Element;
+declare namespace ZVDrawer {
+    var defaultProps: {
+        getContainer: boolean;
+        className: string;
+        cancelText: string;
+        okText: string;
+    };
+}
+export default ZVDrawer;

package/es/Drawer/index.js

@@ -0,0 +1,41 @@
+import "antd/lib/drawer/style";
+import _Drawer from "antd/lib/drawer";
+import { __rest } from "tslib";
+import React from 'react';
+import Footer from './Footer';
+import "./index.css";
+
+function ZVDrawer(_a) {
+  var style = _a.style,
+      getContainer = _a.getContainer,
+      onClose = _a.onClose,
+      className = _a.className,
+      onOk = _a.onOk,
+      cancelText = _a.cancelText,
+      okText = _a.okText,
+      children = _a.children,
+      props = __rest(_a, ["style", "getContainer", "onClose", "className", "onOk", "cancelText", "okText", "children"]);
+
+  return /*#__PURE__*/React.createElement(_Drawer, Object.assign({
+    style: Object.assign(Object.assign({}, style), {
+      textAlign: 'left'
+    }),
+    className: "lm-drawer-container ".concat(className),
+    onClose: onClose,
+    getContainer: getContainer,
+    footer: /*#__PURE__*/React.createElement(Footer, {
+      onClose: onClose,
+      onOk: onOk,
+      cancelText: cancelText,
+      okText: okText
+    })
+  }, props), children);
+}
+
+ZVDrawer.defaultProps = {
+  getContainer: false,
+  className: '',
+  cancelText: '取消',
+  okText: '确定'
+};
+export default ZVDrawer;