@qn-pandora/pandora-component 4.4.5 → 5.0.0

package/lib/index.d.ts

@@ -43,4 +43,5 @@ export { default as InputNumber } from './components/InputNumber';
 export { default as InputNumberWithUnit } from './components/InputNumberWithUnit';
 export { default as Transfer } from './components/Transfer';
 export { default as Descriptions } from './components/Descriptions';
+export { default as ReactSortable } from './components/ReactSortable';
 export * from './utils/time';

package/lib/index.js

@@ -1,98 +1,111 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("@qn-pandora/pandora-component-icons"));
+exports.ReactSortable = exports.Descriptions = exports.Transfer = exports.InputNumberWithUnit = exports.InputNumber = exports.CheckTransformList = exports.TreeSelect = exports.Timeline = exports.RemarkName = exports.RangeInput = exports.NameExplainTooltip = exports.KeyValuePair = exports.CloseIcon = exports.Drawer = exports.FileResumable = exports.Breadcrumb = exports.CheckboxList = exports.Checkbox = exports.AutoComplete = exports.OptionList = exports.CollapsiblePanel = exports.TagList = exports.Tabs = exports.Measure = exports.Modal = exports.SpinMode = exports.Spin = exports.Menu = exports.RadioGroup = exports.SolidRadioGroup = exports.Style = exports.EButtonType = exports.Time = exports.DateTimePicker = exports.Steps = exports.ETableDragSaveKey = exports.ETableSettingType = exports.Table = exports.SelectorWidthChildren = exports.Selector = exports.Input = exports.NameLimiter = exports.ConfigProvider = exports.ECollapseType = exports.Collapse = exports.Card = exports.Button = exports.SDK_PREFIX = void 0;
+__exportStar(require("@qn-pandora/pandora-component-icons"), exports);
 var style_1 = require("./constants/style");
-exports.SDK_PREFIX = style_1.SDK_PREFIX;
+Object.defineProperty(exports, "SDK_PREFIX", { enumerable: true, get: function () { return style_1.SDK_PREFIX; } });
 var Button_1 = require("./components/Button");
-exports.Button = Button_1.default;
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
 var Card_1 = require("./components/Card");
-exports.Card = Card_1.default;
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(Card_1).default; } });
 var Collapse_1 = require("./components/Collapse");
-exports.Collapse = Collapse_1.default;
-exports.ECollapseType = Collapse_1.ECollapseType;
+Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return __importDefault(Collapse_1).default; } });
+Object.defineProperty(exports, "ECollapseType", { enumerable: true, get: function () { return Collapse_1.ECollapseType; } });
 var ConfigProvider_1 = require("./components/ConfigProvider");
-exports.ConfigProvider = ConfigProvider_1.default;
+Object.defineProperty(exports, "ConfigProvider", { enumerable: true, get: function () { return __importDefault(ConfigProvider_1).default; } });
 var NameLimiter_1 = require("./components/NameLimiter");
-exports.NameLimiter = NameLimiter_1.default;
+Object.defineProperty(exports, "NameLimiter", { enumerable: true, get: function () { return __importDefault(NameLimiter_1).default; } });
 var Input_1 = require("./components/Input");
-exports.Input = Input_1.default;
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
 var Selector_1 = require("./components/Selector");
-exports.Selector = Selector_1.default;
+Object.defineProperty(exports, "Selector", { enumerable: true, get: function () { return __importDefault(Selector_1).default; } });
 var SelectorWidthChildren_1 = require("./components/Selector/SelectorWidthChildren");
-exports.SelectorWidthChildren = SelectorWidthChildren_1.default;
+Object.defineProperty(exports, "SelectorWidthChildren", { enumerable: true, get: function () { return __importDefault(SelectorWidthChildren_1).default; } });
 var Table_1 = require("./components/Table");
-exports.Table = Table_1.default;
-exports.ETableSettingType = Table_1.ETableSettingType;
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+Object.defineProperty(exports, "ETableSettingType", { enumerable: true, get: function () { return Table_1.ETableSettingType; } });
 var constant_1 = require("./components/Table/constant");
-exports.ETableDragSaveKey = constant_1.ETableDragSaveKey;
+Object.defineProperty(exports, "ETableDragSaveKey", { enumerable: true, get: function () { return constant_1.ETableDragSaveKey; } });
 var Steps_1 = require("./components/Steps");
-exports.Steps = Steps_1.default;
+Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return __importDefault(Steps_1).default; } });
 var DateTimePicker_1 = require("./components/DateTimePicker");
-exports.DateTimePicker = DateTimePicker_1.default;
-exports.Time = DateTimePicker_1.Time;
-exports.EButtonType = DateTimePicker_1.EButtonType;
-__export(require("./components/DateTimePicker/constants"));
-__export(require("./components/DateTimePicker/transform"));
+Object.defineProperty(exports, "DateTimePicker", { enumerable: true, get: function () { return __importDefault(DateTimePicker_1).default; } });
+Object.defineProperty(exports, "Time", { enumerable: true, get: function () { return DateTimePicker_1.Time; } });
+Object.defineProperty(exports, "EButtonType", { enumerable: true, get: function () { return DateTimePicker_1.EButtonType; } });
+__exportStar(require("./components/DateTimePicker/constants"), exports);
+__exportStar(require("./components/DateTimePicker/transform"), exports);
 var Style_1 = require("./components/Style");
-exports.Style = Style_1.default;
+Object.defineProperty(exports, "Style", { enumerable: true, get: function () { return __importDefault(Style_1).default; } });
 var SolidRadioGroup_1 = require("./components/SolidRadioGroup");
-exports.SolidRadioGroup = SolidRadioGroup_1.default;
+Object.defineProperty(exports, "SolidRadioGroup", { enumerable: true, get: function () { return __importDefault(SolidRadioGroup_1).default; } });
 var RadioGroup_1 = require("./components/RadioGroup");
-exports.RadioGroup = RadioGroup_1.default;
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return __importDefault(RadioGroup_1).default; } });
 var Menu_1 = require("./components/Menu");
-exports.Menu = Menu_1.default;
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return __importDefault(Menu_1).default; } });
 var Spin_1 = require("./components/Spin");
-exports.Spin = Spin_1.default;
-exports.SpinMode = Spin_1.SpinMode;
+Object.defineProperty(exports, "Spin", { enumerable: true, get: function () { return __importDefault(Spin_1).default; } });
+Object.defineProperty(exports, "SpinMode", { enumerable: true, get: function () { return Spin_1.SpinMode; } });
 var Modal_1 = require("./components/Modal");
-exports.Modal = Modal_1.default;
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
 var Measure_1 = require("./components/Measure");
-exports.Measure = Measure_1.default;
+Object.defineProperty(exports, "Measure", { enumerable: true, get: function () { return __importDefault(Measure_1).default; } });
 var Tabs_1 = require("./components/Tabs");
-exports.Tabs = Tabs_1.default;
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
 var TagList_1 = require("./components/TagList");
-exports.TagList = TagList_1.default;
+Object.defineProperty(exports, "TagList", { enumerable: true, get: function () { return __importDefault(TagList_1).default; } });
 var CollapsiblePanel_1 = require("./components/CollapsiblePanel");
-exports.CollapsiblePanel = CollapsiblePanel_1.default;
+Object.defineProperty(exports, "CollapsiblePanel", { enumerable: true, get: function () { return __importDefault(CollapsiblePanel_1).default; } });
 var OptionList_1 = require("./components/OptionList");
-exports.OptionList = OptionList_1.default;
+Object.defineProperty(exports, "OptionList", { enumerable: true, get: function () { return __importDefault(OptionList_1).default; } });
 var AutoComplete_1 = require("./components/AutoComplete");
-exports.AutoComplete = AutoComplete_1.default;
+Object.defineProperty(exports, "AutoComplete", { enumerable: true, get: function () { return __importDefault(AutoComplete_1).default; } });
 var Checkbox_1 = require("./components/Checkbox");
-exports.Checkbox = Checkbox_1.default;
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(Checkbox_1).default; } });
 var CheckboxList_1 = require("./components/CheckboxList");
-exports.CheckboxList = CheckboxList_1.default;
+Object.defineProperty(exports, "CheckboxList", { enumerable: true, get: function () { return __importDefault(CheckboxList_1).default; } });
 var Breadcrumb_1 = require("./components/Breadcrumb");
-exports.Breadcrumb = Breadcrumb_1.default;
+Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return __importDefault(Breadcrumb_1).default; } });
 var FileResumable_1 = require("./components/FileResumable");
-exports.FileResumable = FileResumable_1.default;
+Object.defineProperty(exports, "FileResumable", { enumerable: true, get: function () { return __importDefault(FileResumable_1).default; } });
 var Drawer_1 = require("./components/Drawer");
-exports.Drawer = Drawer_1.default;
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return __importDefault(Drawer_1).default; } });
 var CloseIcon_1 = require("./components/Drawer/CloseIcon");
-exports.CloseIcon = CloseIcon_1.default;
+Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return __importDefault(CloseIcon_1).default; } });
 var KeyValuePair_1 = require("./components/KeyValuePair");
-exports.KeyValuePair = KeyValuePair_1.default;
+Object.defineProperty(exports, "KeyValuePair", { enumerable: true, get: function () { return __importDefault(KeyValuePair_1).default; } });
 var NameExplainTooltip_1 = require("./components/NameExplainTooltip");
-exports.NameExplainTooltip = NameExplainTooltip_1.default;
+Object.defineProperty(exports, "NameExplainTooltip", { enumerable: true, get: function () { return __importDefault(NameExplainTooltip_1).default; } });
 var RangeInput_1 = require("./components/RangeInput");
-exports.RangeInput = RangeInput_1.default;
+Object.defineProperty(exports, "RangeInput", { enumerable: true, get: function () { return __importDefault(RangeInput_1).default; } });
 var RemarkName_1 = require("./components/RemarkName");
-exports.RemarkName = RemarkName_1.default;
+Object.defineProperty(exports, "RemarkName", { enumerable: true, get: function () { return __importDefault(RemarkName_1).default; } });
 var Timeline_1 = require("./components/Timeline");
-exports.Timeline = Timeline_1.default;
+Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return __importDefault(Timeline_1).default; } });
 var TreeSelector_1 = require("./components/TreeSelector");
-exports.TreeSelect = TreeSelector_1.default;
+Object.defineProperty(exports, "TreeSelect", { enumerable: true, get: function () { return __importDefault(TreeSelector_1).default; } });
 var CheckTransformList_1 = require("./components/CheckTransformList");
-exports.CheckTransformList = CheckTransformList_1.default;
+Object.defineProperty(exports, "CheckTransformList", { enumerable: true, get: function () { return __importDefault(CheckTransformList_1).default; } });
 var InputNumber_1 = require("./components/InputNumber");
-exports.InputNumber = InputNumber_1.default;
+Object.defineProperty(exports, "InputNumber", { enumerable: true, get: function () { return __importDefault(InputNumber_1).default; } });
 var InputNumberWithUnit_1 = require("./components/InputNumberWithUnit");
-exports.InputNumberWithUnit = InputNumberWithUnit_1.default;
+Object.defineProperty(exports, "InputNumberWithUnit", { enumerable: true, get: function () { return __importDefault(InputNumberWithUnit_1).default; } });
 var Transfer_1 = require("./components/Transfer");
-exports.Transfer = Transfer_1.default;
+Object.defineProperty(exports, "Transfer", { enumerable: true, get: function () { return __importDefault(Transfer_1).default; } });
 var Descriptions_1 = require("./components/Descriptions");
-exports.Descriptions = Descriptions_1.default;
-__export(require("./utils/time"));
+Object.defineProperty(exports, "Descriptions", { enumerable: true, get: function () { return __importDefault(Descriptions_1).default; } });
+var ReactSortable_1 = require("./components/ReactSortable");
+Object.defineProperty(exports, "ReactSortable", { enumerable: true, get: function () { return __importDefault(ReactSortable_1).default; } });
+__exportStar(require("./utils/time"), exports);

package/lib/index.less

@@ -1,54 +1,54 @@
 @import './style/mixin.less';
 @import './style/theme.less';
 @import './components/AutoComplete/style.less';
-@import './components/Card/style.less';
+@import './components/Breadcrumb/style.less';
+@import './components/Button/style.less';
 @import './components/CheckTransformList/style.less';
+@import './components/Card/style.less';
+@import './components/Collapse/style.less';
 @import './components/Checkbox/style.less';
-@import './components/Button/style.less';
 @import './components/CheckboxList/style.less';
-@import './components/Breadcrumb/style.less';
-@import './components/Collapse/style.less';
 @import './components/CollapsiblePanel/style.less';
 @import './components/Descriptions/style.less';
-@import './components/Drawer/style.less';
 @import './components/DateTimePicker/style.less';
 @import './components/Input/style.less';
-@import './components/KeyValuePair/style.less';
 @import './components/FileResumable/style.less';
-@import './components/Menu/style.less';
-@import './components/NameExplainTooltip/style.less';
-@import './components/NameLimiter/style.less';
+@import './components/Drawer/style.less';
+@import './components/KeyValuePair/style.less';
 @import './components/Modal/style.less';
+@import './components/NameLimiter/style.less';
 @import './components/OptionList/style.less';
+@import './components/Menu/style.less';
+@import './components/NameExplainTooltip/style.less';
 @import './components/RadioGroup/style.less';
 @import './components/RangeInput/style.less';
 @import './components/RemarkName/style.less';
 @import './components/Selector/style.less';
 @import './components/Steps/style.less';
+@import './components/Spin/style.less';
 @import './components/Table/style.less';
+@import './components/Timeline/style.less';
 @import './components/TagList/style.less';
 @import './components/Tabs/style.less';
-@import './components/Timeline/style.less';
 @import './components/TreeSelector/style.less';
 @import './components/Transfer/style.less';
-@import './components/Spin/style.less';
-@import './components/Card/SearchInput/style.less';
 @import './components/Card/RowExtra/style.less';
-@import './components/Drawer/CloseIcon/style.less';
+@import './components/Card/SearchInput/style.less';
 @import './components/DateTimePicker/Base/style.less';
 @import './components/DateTimePicker/BaseMobile/style.less';
 @import './components/DateTimePicker/DisplayInput/style.less';
+@import './components/Drawer/CloseIcon/style.less';
 @import './components/OptionList/InlineOptionList/style.less';
 @import './components/OptionList/OptionItem/style.less';
 @import './components/OptionList/PopoverOptionList/style.less';
 @import './components/Steps/ControlButton/style.less';
-@import './components/Table/ColumnSetting/style.less';
 @import './components/Table/ResizableTitle/style.less';
-@import './components/TagList/Tag/style.less';
 @import './components/Table/ColumnTag/style.less';
-@import './components/TagList/TagSwitch/style.less';
+@import './components/Table/ColumnSetting/style.less';
 @import './components/Timeline/TimelineItem/style.less';
-@import './components/Transfer/ListBody/style.less';
+@import './components/TagList/Tag/style.less';
+@import './components/TagList/TagSwitch/style.less';
 @import './components/Transfer/List/style.less';
-@import './components/DateTimePicker/Collapse/Panel/style.less';
-@import './components/DateTimePicker/BaseMobile/Absolute/style.less';
+@import './components/Transfer/ListBody/style.less';
+@import './components/DateTimePicker/BaseMobile/Absolute/style.less';
+@import './components/DateTimePicker/Collapse/Panel/style.less';

package/lib/style/theme.less

@@ -70,9 +70,10 @@
 @font-color-4: #b3bac5; // 多个
 @font-color-5: #8d9199; // phoenix
 @font-color-6: #666;
-@font-color-9: #999;
 @font-color-7: #333;
 @font-color-8: #8c8c8c;
+@font-color-9: #999;
+@font-color-10: #595959;
 @secondary-font-color: #c1c7d0; // phoenix
 @disabled-text-color: #9eaec5; // pandora-visualization pheonix
 @log-font-family: 'Droid Sans Mono', 'Consolas', 'Monaco', 'Courier New',
@@ -387,7 +388,7 @@
 @agent-agent-message-background-color: #f7f7f8; // 用户框背景色
 @agent-user-avatar-color: #e6902d; // 机器人用户头像颜色;
 @agent-no-data-background-color: #e0edf8; // close icon hover 颜色
-@agent-session-title-color: #595959;
+@agent-session-title-color: @font-color-10;
 @close-icon-hover-color: #f4f5f6;
 
 @scroll-bar-color: #c9cdd4;
@@ -398,7 +399,7 @@
 @agent-box-shadow-color: rgba(53, 53, 53, 0.07);
 @agent-cursor-color: #282828;
 @agent-spl-background-color: #edeff2;
-@agent-example-desc-color: #595959;
+@agent-example-desc-color: @font-color-10;
 @agent-input-border-color: #e9e9e9;
 @agent-border-color: #e8e8e8;
 @agent-scene-name-color: #86909c;

package/lib/utils/dom.js

@@ -11,6 +11,7 @@ var __values = (this && this.__values) || function(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.doesDOMMatchSelector = void 0;
 // 判断css选择器selector是否命中element
 function doesDOMMatchSelector(selector, element) {
     var e_1, _a;

package/lib/utils/env.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMobileDevice = void 0;
 function isMobileDevice() {
     return (typeof window.orientation !== 'undefined' ||
         navigator.userAgent.indexOf('IEMobile') !== -1);

package/lib/utils/language.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatString = void 0;
 var lodash_1 = require("lodash");
 var zh_CN_1 = __importDefault(require("antd/es/locale-provider/zh_CN"));
 var zh_1 = require("../constants/language/zh");

package/lib/utils/languageLocale.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.languageLocale = void 0;
 var flat_1 = require("flat");
 function languageLocale(prefix, obj) {
     var flattenObj = flat_1.flatten(obj);

package/lib/utils/time.js

@@ -1,12 +1,25 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    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.formatMillisecondZh = exports.formatMillisecond = exports.toTimestamp = exports.toMoment = exports.toFormatTime = void 0;
 var moment_1 = __importStar(require("moment"));
 var time_1 = require("../constants/time");
 function toFormatTime(time, format, defaultStr) {
@@ -63,10 +76,11 @@ exports.formatMillisecond = formatMillisecond;
 function PrefixInteger(num, length) {
     return (Array(length).join('0') + num).slice(-length);
 }
-exports.formatMillisecondZh = function (millisecond) {
+var formatMillisecondZh = function (millisecond) {
     var hour = Math.floor(millisecond / 1000 / 3600);
     var minute = Math.floor((millisecond / 1000 - hour * 3600) / 60);
     var second = Math.floor(millisecond / 1000 - hour * 3600 - minute * 60);
     var restMillisecond = Math.floor(millisecond - hour * 3600 * 1000 - minute * 60 * 1000 - second * 1000);
     return (PrefixInteger(hour, 2) || '00') + ":" + (PrefixInteger(minute, 2) || '00') + ":" + (PrefixInteger(second, 2) || '00') + "." + PrefixInteger(restMillisecond, 3);
 };
+exports.formatMillisecondZh = formatMillisecondZh;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qn-pandora/pandora-component",
-  "version": "4.4.5",
+  "version": "5.0.0",
   "description": "基础组件",
   "author": "pandora <pandora@qiniu.com>",
   "homepage": "https://github.com/qbox/phoenix#readme",
@@ -25,13 +25,6 @@
     "type": "git",
     "url": "git+https://github.com/qbox/phoenix.git"
   },
-  "scripts": {
-    "build": "pandora-tools build esm && pandora-tools build cjs",
-    "watchLess": "pandora-tools watchLess cjs",
-    "test": "jest",
-    "storybook": "pandora-tools storybook start --port 9000",
-    "storybook:build": "pandora-tools storybook build"
-  },
   "bugs": {
     "url": "https://github.com/qbox/phoenix/issues"
   },
@@ -43,15 +36,16 @@
     "react": "^16.8.6"
   },
   "devDependencies": {
-    "@qn-pandora/pandora-tools": "^2.1.0",
+    "@qn-pandora/pandora-tools": "^2.1.1",
     "@types/classnames": "^2.2.7",
+    "@types/dompurify": "^2.0.4",
     "@types/react": "^16.14.5",
     "@types/react-measure": "^2.0.4",
     "@types/prop-types": "^15.7.1",
     "@types/css": "0.0.33",
     "@types/flat": "^5.0.1",
     "@types/jest": "^25.2.3",
-    "@types/lodash": "^4.14.152",
+    "@types/lodash": "4.14.178",
     "antd": "4.17.1",
     "antd-mobile": "2.3.3",
     "jest": "^26.0.1",
@@ -59,7 +53,7 @@
     "mobx": "^4.15.4",
     "mobx-react": "5.4.4",
     "react": "^16.8.6",
-    "typescript": "~3.8.0",
+    "typescript": "4.1.5",
     "@types/crypto-js": "~4.1.1",
     "@types/uuid": "^3.4.5",
     "@types/react-resizable": "^1.7.0"
@@ -67,12 +61,13 @@
   "dependencies": {
     "@ant-design/compatible": "1.0.8",
     "@ant-design/icons": "4.7.0",
-    "@qn-pandora/pandora-component-icons": "^3.4.1",
-    "@qn-pandora/app-sdk": "^3.4.5",
+    "@qn-pandora/pandora-component-icons": "^3.4.2",
+    "@qn-pandora/app-sdk": "^4.0.0",
     "flat": "^5.0.0",
     "antd-mobile": "2.3.3",
     "css": "3.0.0",
     "classnames": "^2.2.6",
+    "dompurify": "^2.1.1",
     "moment": "^2.29.1",
     "prop-types": "^15.7.2",
     "react-measure": "^2.5.2",
@@ -81,6 +76,13 @@
     "crypto-js": "~4.1.1",
     "uuid": "^3.3.3",
     "react-resizable": "1.8.0",
-    "react-sortablejs": "^1.5.1"
+    "sortablejs": "1.6.1"
+  },
+  "scripts": {
+    "build": "pandora-tools build esm && pandora-tools build cjs",
+    "watchLess": "pandora-tools watchLess cjs",
+    "test": "jest",
+    "storybook": "pandora-tools storybook start --port 9000",
+    "storybook:build": "pandora-tools storybook build"
   }
-}
+}