@zgfe/business-lib 1.0.9 → 1.0.10

package/es/{dialog/components/styles/tab.less → addToPanel/styles/style.less}

@@ -1,6 +1,6 @@
-@import '../../../assets/styles/inner.less';
+@import '../../assets/styles/inner.less';
 
-.biz-tab {
+.biz-style {
   display: flex;
   color: @text-color-secondary;
 
@@ -45,6 +45,7 @@
     margin-right: 7px;
     font-size: 18px;
   }
+
   &-radio-icon {
     font-size: 18px;
   }
@@ -53,3 +54,7 @@
     .__select-panel();
   }
 }
+
+.ant-radio-wrapper {
+  margin-right: 0;
+}

package/es/addToPanel/types.d.ts

@@ -0,0 +1,56 @@
+declare namespace AddToPanel {
+    export interface Option {
+        label: string;
+        value: string;
+    }
+    export interface PanelOption {
+        id: number;
+        name: string;
+        [prop: string]: any;
+    }
+    export interface Props {
+        defaultValue?: Value;
+        params: Record<string, any>;
+        type?: string;
+        styleOptions: TabItem[];
+        showOptions?: Option[];
+        showList?: string[];
+        onOk?: () => void;
+        onCancel?: () => void;
+    }
+    interface PanelValue {
+        id: number;
+        name: string;
+        open_type: number;
+    }
+    export interface Value {
+        panel: PanelValue;
+        name: string;
+        chartType: string;
+        showList?: 'dynamic' | 'fix';
+    }
+    export interface AddPanelParam {
+        appId: number;
+        platform: number;
+        name: string;
+        panelId: number;
+        panelName: string;
+        openType: number;
+        webData: Record<string, any>;
+        mobileData: Record<string, any>;
+    }
+    export interface StyleProps {
+        value?: string;
+        options?: Array<TabItem>;
+        onChange?: (value: string) => void;
+    }
+    export interface TabItemChild extends Option {
+        icon: string;
+        disabled?: boolean;
+    }
+    export interface TabItem extends TabItemChild {
+        children?: Array<TabItemChild>;
+    }
+    export {};
+}
+export default AddToPanel;

package/es/addToPanel/types.js

@@ -0,0 +1 @@
+export {};

package/es/addToScene/addGroup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Val {
+    groupName: string;
+    groupId: number;
+}
+declare const AddGroup: React.FC<{
+    value?: Val;
+    onChange?: (val: Val) => void;
+    onBack: () => void;
+}>;
+export default AddGroup;

package/es/addToScene/addGroup.js

@@ -0,0 +1,34 @@
+import { Button, Input } from 'antd';
+import React from 'react';
+import { classPrefix } from '.';
+import IconFont from '../icon/iconFont';
+
+var AddGroup = function AddGroup(props) {
+  var onBack = props.onBack;
+
+  function onInput(e) {
+    e.persist();
+    if (props.onChange) props.onChange({
+      groupName: e.target.value,
+      groupId: 0
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-addgroup")
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u6DFB\u52A0\u5206\u7C7B",
+    autoFocus: true,
+    onInput: onInput,
+    allowClear: true
+  }), /*#__PURE__*/React.createElement(Button, {
+    onClick: onBack,
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "shurukuang_fanhui"
+    }),
+    className: "btn-back",
+    type: "ghost"
+  }));
+};
+
+export default AddGroup;

package/es/addToScene/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/addToScene/demo/index.js

@@ -0,0 +1,34 @@
+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 { Button } from 'antd';
+import React, { useState } from 'react';
+import { BizAddToScene } from '@zgfe/business-lib';
+export default (function () {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showDialog = _useState2[0],
+      setShowDialog = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      setShowDialog(true);
+    }
+  }, "\u6DFB\u52A0\u5E38\u7528\u573A\u666F"), showDialog && /*#__PURE__*/React.createElement(BizAddToScene, {
+    onOk: function onOk() {
+      setShowDialog(false);
+    },
+    onCancel: function onCancel() {
+      setShowDialog(false);
+    }
+  }));
+});

package/es/addToScene/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import AddToScene from './types';
+import './styles/index.less';
+export declare const classPrefix = "biz-addtoscene";
+declare const BizAddToScene: React.FC<AddToScene.Props>;
+export default BizAddToScene;

package/es/addToScene/index.js

@@ -0,0 +1,187 @@
+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 { Button, Form, Input, notification } from 'antd';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import BizDialog from '../dialog';
+import BizSelect from '../select';
+import './styles/index.less';
+import AddGroup from './addGroup';
+import BizGlobalDataContext from '../context';
+import Apis from '../constants/apis';
+import request from '../utils/ajax';
+import IconFont from '../icon/iconFont';
+export var classPrefix = 'biz-addtoscene';
+
+var BizAddToScene = function BizAddToScene(props) {
+  var params = props.params;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      groupList = _useState2[0],
+      setGroupList = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      addMode = _useState4[0],
+      setAddMode = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      loading = _useState6[0],
+      setLoading = _useState6[1];
+
+  var _useContext = useContext(BizGlobalDataContext),
+      currentApp = _useContext.currentApp;
+
+  var refForm = useRef();
+
+  function toAddGroup() {
+    var _refForm$current;
+
+    (_refForm$current = refForm.current) === null || _refForm$current === void 0 ? void 0 : _refForm$current.resetFields(['group']);
+    setAddMode(true);
+  }
+
+  function onBack() {
+    var _refForm$current2;
+
+    (_refForm$current2 = refForm.current) === null || _refForm$current2 === void 0 ? void 0 : _refForm$current2.resetFields(['group']);
+    setAddMode(false);
+  }
+
+  function onSave() {
+    var _refForm$current3;
+
+    (_refForm$current3 = refForm.current) === null || _refForm$current3 === void 0 ? void 0 : _refForm$current3.submit();
+  }
+
+  function onCancel() {
+    if (props.onCancel) props.onCancel();
+  }
+
+  function onSubmit(form) {
+    setLoading(true);
+    var data = {
+      appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+      platform: 0,
+      groupId: form.group.groupId,
+      groupName: form.group.groupName,
+      json: params,
+      name: form.name
+    };
+    request(Apis.addScene, {
+      method: 'post',
+      data: data
+    }).then(function (res) {
+      setLoading(false);
+      var result = res;
+
+      if (result.code === 10001) {
+        notification.success({
+          message: '添加成功'
+        });
+        if (props.onOk) props.onOk();
+      } else if (result.code === -10010) {
+        notification.error({
+          message: '添加失败',
+          description: data.groupId === 0 ? '场景分类已存在' : '场景名称已存在'
+        });
+      } else {
+        notification.error({
+          message: '添加失败'
+        });
+      }
+    }).catch(function () {
+      setLoading(false);
+    });
+  }
+
+  function queryGroups() {
+    request(Apis.querySceneGroup, {
+      method: 'post',
+      data: {
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: 0
+      }
+    }).then(function (res) {
+      if (!res) {
+        notification.error({
+          message: '获取常用场景分类列表失败'
+        });
+        return;
+      }
+
+      setGroupList(res.groups);
+    });
+  }
+
+  useEffect(function () {
+    queryGroups();
+  }, []);
+  return /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u6DFB\u52A0\u5230\u5E38\u7528\u573A\u666F",
+    visible: true,
+    onOk: onSave,
+    onCancel: onCancel,
+    confirmLoading: loading
+  }, /*#__PURE__*/React.createElement(Form, {
+    autoComplete: "off",
+    ref: refForm,
+    onFinish: onSubmit,
+    requiredMark: false
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u573A\u666F\u5206\u7C7B",
+    name: "group",
+    rules: [{
+      validator: function validator(_, value) {
+        if (!value || !/\S+/.test(value.groupName)) return Promise.reject("\u8BF7".concat(addMode ? '输入' : '选择', "\u573A\u666F\u5206\u7C7B!"));
+        if (!/^[\S\s]{1,20}$/.test(value.groupName)) return Promise.reject('场景分类最多为20个字符!');
+        return Promise.resolve();
+      }
+    }]
+  }, addMode ? /*#__PURE__*/React.createElement(AddGroup, {
+    onBack: onBack
+  }) : /*#__PURE__*/React.createElement(BizSelect, {
+    options: groupList,
+    enableSearch: true,
+    keyField: "groupId",
+    labelField: "groupName",
+    dropdownExtra: /*#__PURE__*/React.createElement(Button, {
+      className: "".concat(classPrefix, "-btn-add"),
+      type: "ghost",
+      onClick: toAddGroup
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-icon-add"),
+      type: 'tianjia1'
+    }), " \u6DFB\u52A0\u5206\u7C7B")
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u573A\u666F\u540D\u79F0",
+    name: "name",
+    rules: [{
+      validator: function validator(_, value) {
+        if (!value || !/\S+/.test(value)) return Promise.reject('请输入场景名称!');
+        if (!/^[\S\s]{1,20}$/.test(value)) return Promise.reject('场景名称最多为20个字符!');
+        return Promise.resolve();
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u573A\u666F\u540D\u79F0",
+    allowClear: {
+      clearIcon: /*#__PURE__*/React.createElement(IconFont, {
+        type: 'qingchu'
+      })
+    }
+  }))));
+};
+
+export default BizAddToScene;

package/es/addToScene/styles/index.less

@@ -0,0 +1,23 @@
+@import '../../assets/styles/inner.less';
+
+.biz-addtoscene {
+  &-btn-add {
+    .__text-btn();
+  }
+
+  &-addgroup {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .ant-input {
+      flex: 1;
+    }
+
+    .btn-back {
+      flex: none;
+      border: none;
+      box-shadow: none;
+    }
+  }
+}

package/es/addToScene/types.d.ts

@@ -0,0 +1,29 @@
+declare namespace AddToScene {
+    interface Props {
+        params: Record<string, any>;
+        onOk?: () => void;
+        onCancel?: () => void;
+    }
+    interface Scene {
+        groupId: number;
+        id: number;
+        json: Record<string, any>;
+        name: string;
+    }
+    interface Group {
+        appId: number;
+        groupId: number;
+        groupName: string;
+        platform: number;
+        scenes: Scene;
+    }
+    interface AddSceneParam {
+        appId: number;
+        platform: number;
+        groupId: number;
+        groupName?: string;
+        name: string;
+        json: Record<string, any>;
+    }
+}
+export default AddToScene;

package/es/addToScene/types.js

@@ -0,0 +1 @@
+export {};

package/es/assets/styles/chunks.less

@@ -141,3 +141,15 @@
     }
   }
 }
+
+// 文字按钮
+.__text-btn {
+  width: fit-content;
+  padding: 2px 4px;
+  border: none;
+  border-radius: @border-radius-small;
+
+  &:hover {
+    .__default-hover();
+  }
+}

package/es/attrConditions/components/stringList.js

@@ -17,9 +17,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useEffect, useState } from 'react';
 import { classPrefix } from '..';
 import { PropCategory } from '../../attributeSelector/types';
+import Apis from '../../constants/apis';
 import BizGlobalDataContext from '../../context';
 import BizSelect from '../../select';
-import { ajax } from '../../utils';
+import request from '../../utils/ajax';
 import { OperateTypes } from '../types';
 
 var StringList = function StringList(props) {
@@ -99,8 +100,7 @@ var StringList = function StringList(props) {
               };
 
               formData = transformRequest(requestData);
-              ajax({
-                url: '/data/queryEsData.jsp',
+              request(Apis.esQuery, {
                 data: formData,
                 headers: {
                   'Content-Type': 'application/x-www-form-urlencoded'

package/es/constants/apis.d.ts

@@ -0,0 +1,8 @@
+declare const Apis: {
+    querySceneGroup: string;
+    addScene: string;
+    esQuery: string;
+    addPanel: string;
+    queryPanelGroup: string;
+};
+export default Apis;

package/es/constants/apis.js

@@ -0,0 +1,8 @@
+var Apis = {
+  querySceneGroup: '/scene/queryScenesOfGroup.jsp',
+  addScene: '/scene/addScene.jsp',
+  esQuery: '/data/queryEsData.jsp',
+  addPanel: '/web/sdk/v2/panel/addPanelElement',
+  queryPanelGroup: '/apppanel/panels.jsp'
+};
+export default Apis;

package/es/dialog/demo/index.d.ts

@@ -1,31 +1,2 @@
-export declare const chartTypes: ({
-    label: string;
-    value: string;
-    icon: string;
-    disabled?: undefined;
-    children?: undefined;
-} | {
-    label: string;
-    value: string;
-    icon: string;
-    disabled: boolean;
-    children?: undefined;
-} | {
-    label: string;
-    value: string;
-    icon: string;
-    children: ({
-        label: string;
-        value: string;
-        icon: string;
-        disabled?: undefined;
-    } | {
-        label: string;
-        value: string;
-        icon: string;
-        disabled: boolean;
-    })[];
-    disabled?: undefined;
-})[];
 declare const _default: () => JSX.Element;
 export default _default;

package/es/dialog/demo/index.js

@@ -1,9 +1,3 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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."); }
@@ -19,143 +13,25 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { BizDialog } from '@zgfe/business-lib';
 import { Button } from 'antd';
-var options = [{
-  id: 11,
-  name: '分类一'
-}, {
-  id: 22,
-  name: '分类二'
-}, {
-  id: 33,
-  name: '分分类三一'
-}];
-export var chartTypes = [{
-  label: '趋势图',
-  value: 'line',
-  icon: 'qushitu1'
-}, {
-  label: '汇总图',
-  value: 'bar',
-  icon: 'huizongtu'
-}, {
-  label: '地图',
-  value: 'map',
-  icon: 'ditu',
-  disabled: true
-}, {
-  label: '表格',
-  value: 'table',
-  icon: 'biaoge',
-  children: [{
-    label: '趋势图',
-    value: 'line',
-    icon: 'qushitu1'
-  }, {
-    label: '汇总图',
-    value: 'bar',
-    icon: 'huizongtu',
-    disabled: true
-  }]
-}, {
-  label: '分数',
-  value: 'fraction',
-  icon: 'fenshu'
-}];
-var fields = [{
-  label: '分类',
-  name: 'class',
-  extendName: 'range',
-  type: 'selectToInput',
-  options: options,
-  children: ['range'],
-  fieldNames: {
-    label: 'name',
-    value: 'id'
-  },
-  rules: [{
-    required: true,
-    message: '请选择分类'
-  }],
-  onChange: function onChange(val) {
-    console.log('value>>>', val);
-  }
-}, {
-  label: '名称',
-  name: 'name',
-  type: 'input',
-  rules: [{
-    required: true,
-    message: '请输入名称'
-  }]
-}, {
-  label: '图表',
-  name: 'chart',
-  type: 'tab',
-  options: chartTypes,
-  rules: [{
-    required: true,
-    message: '请选择图表'
-  }]
-}, {
-  label: '显示',
-  name: 'show',
-  type: 'radio',
-  direction: 'vertical',
-  dependenceFields: {
-    chart: 'line'
-  },
-  options: [{
-    label: '动态显示数据最多的10个分组',
-    value: 'dynamic'
-  }, {
-    label: '固定显示当前选择的分组',
-    value: 'fix'
-  }],
-  rules: [{
-    required: true,
-    message: '请选择'
-  }]
-}];
-var formData = {
-  class: {
-    id: 11,
-    name: '分类一'
-  },
-  range: 'public',
-  show: 'dynamic',
-  chart: 'line'
-};
 export default (function () {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      dialogData = _useState4[0],
-      setDialogData = _useState4[1];
-
-  var handleSubmit = function handleSubmit(data) {
-    setDialogData(function () {
-      return _objectSpread({}, data);
-    });
-    setVisible(false);
-  };
-
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     onClick: function onClick() {
       setVisible(true);
     }
-  }, "\u5411\u770B\u677F\u6DFB\u52A0\u6307\u6807"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, JSON.stringify(dialogData)), /*#__PURE__*/React.createElement(BizDialog, {
-    title: "\u5411\u770B\u677F\u6DFB\u52A0\u6307\u6807",
+  }, "\u6253\u5F00\u5F39\u7A97"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u6807\u9898",
     visible: visible,
-    onOk: handleSubmit,
-    fields: fields,
-    initialValues: formData,
+    onOk: function onOk() {
+      setVisible(false);
+    },
     onCancel: function onCancel() {
       setVisible(false);
     }
-  }));
+  }, "fdfdfdsa"));
 });

package/es/dialog/index.d.ts

@@ -1,7 +1,6 @@
-import { FormItemProps, ModalProps } from 'antd';
 import React from 'react';
 import { DialogTypes } from './types';
 import './styles/index.less';
 export declare const classPrefix = "biz-dialog";
-declare const BizDialog: React.FC<ModalProps & DialogTypes.Props & FormItemProps>;
+declare const BizDialog: React.FC<DialogTypes.Props>;
 export default BizDialog;