@cloudbase/weda-ui 3.4.11 → 3.4.12

package/dist/web/components/form/userOrgSelect/hooks/use-depart-data.js

@@ -64,9 +64,9 @@ const isNoOrgList = {
     icon: Icon,
 };
 export const useDepartData = (props) => {
-    const { request } = props;
-    const { data: treeData, error } = useSWR('DescribeOrgs', async () => {
-        const tempList = await DescribeOrgs(request);
+    const { request, params } = props;
+    const { data: treeData, error } = useSWR(`${DescribeOrgs}_${JSON.stringify(params)}`, async () => {
+        const tempList = await DescribeOrgs(request, params);
         const orgsData = destr(tempList);
         const { res: tempTreeData, tempOrgList } = buildTreeData(orgsData);
         //是否展示非组织节点

package/dist/web/components/form-input-hooks/index.js

@@ -9,6 +9,7 @@ import { getParentForm, useWedaAppContext } from '../../utils/widget-api';
 import { validType } from './validator';
 import { emptyArray, noop } from '../../utils/constant';
 import { useRerender, useSyncedRef, useUnmountEffect } from '@react-hookz/web';
+import { useStatus, convertMethodParam } from '../../utils/hooks/useFormLegacy';
 const logger = debug('wd-form-item');
 export function useParentForm($widget) {
     const { ready } = useWedaAppContext();
@@ -42,8 +43,9 @@ export function useFormInputTrait(inputParams) {
     }
     const eventsRef = useSyncedRef(events);
     const [name] = useSyncValue(inputParams.name);
-    const [disabled, setDisabled] = useSyncValue((_a = inputParams.disabled) !== null && _a !== void 0 ? _a : false);
-    const [readOnly] = useSyncValue(inputParams.readOnly);
+    const statusParams = useStatus(inputParams);
+    const [disabled, setDisabled] = useSyncValue((_a = statusParams.disabled) !== null && _a !== void 0 ? _a : false);
+    const [readOnly, setReadOnly] = useSyncValue(statusParams.readOnly);
     const [validateState, setValidateState] = useState(inputParams.validateStatus);
     const [validateErrorMsg, setValidateErrorMsg] = useState('');
     const [visible, setVisible] = useState(true);
@@ -90,23 +92,27 @@ export function useFormInputTrait(inputParams) {
     }, [setValidateErrorMsg, setValidateState]);
     // 挂在setValue方法到 $widget上
     React.useImperativeHandle(inputRef, () => {
+        logger.debug('useImperativeHandle', { name, syncValue });
         const result = {
             setValue(val) {
-                setSyncedValue(val);
+                const value = convertMethodParam(val);
+                setSyncedValue(value);
             },
             setVisible(val) {
-                if (typeof val !== 'boolean') {
+                const value = convertMethodParam(val);
+                if (typeof value !== 'boolean') {
                     console.warn('参数需要为boolean');
                     return;
                 }
-                setVisible(val);
+                setVisible(value);
             },
             setHidden() {
                 setVisible(false);
             },
             initialDisabled: inputParams.disabled,
-            setDisable(value) {
+            setDisable(val) {
                 const originalValue = disabled;
+                const value = convertMethodParam(val);
                 setDisabled(value);
                 return () => {
                     setDisabled(originalValue);
@@ -115,12 +121,14 @@ export function useFormInputTrait(inputParams) {
             clearValue() {
                 setSyncedValue(null);
             },
-            setReadOnly(value) {
-                const originalValue = disabled;
-                // 先用disabled属性来做
+            setReadOnly(val) {
+                const [originalReadOnly, originalDisabled] = [readOnly, disabled];
+                const value = convertMethodParam(val);
+                setReadOnly(value);
                 setDisabled(value);
                 return () => {
-                    setDisabled(originalValue);
+                    setReadOnly(originalReadOnly);
+                    setDisabled(originalDisabled);
                 };
             },
             async handleValidate() {
@@ -163,11 +171,27 @@ export function useFormInputTrait(inputParams) {
                                 if (item.pattern) {
                                     // 正则校验
                                     // console.log("pattern 校验>>>>")
-                                    const reg = new RegExp(item.pattern);
-                                    if (!reg.test(String(finalValue))) {
-                                        validPromise.push(Promise.resolve(item));
-                                        return false;
+                                    try {
+                                        let reg;
+                                        if (typeof item.pattern === 'string') {
+                                            const m = item.pattern.match(/(\/?)(.+)\1([a-z]*)/i);
+                                            if (m[3] &&
+                                                !/^(?!.*?(.).*?\1)[gmixXsuUAJ]+$/.test(m[3])) {
+                                                reg = RegExp(item.pattern);
+                                            }
+                                            else {
+                                                reg = new RegExp(m[2], m[3]);
+                                            }
+                                        }
+                                        else {
+                                            reg = new RegExp(item.pattern);
+                                        }
+                                        if (!reg.test(String(finalValue))) {
+                                            validPromise.push(Promise.resolve(item));
+                                            return false;
+                                        }
                                     }
+                                    catch (e) { }
                                 }
                             }
                         });
@@ -209,6 +233,7 @@ export function useFormInputTrait(inputParams) {
         setSyncedValue,
         disabled,
         setDisabled,
+        setReadOnly,
         required,
         rules,
         requiredMsg,

package/dist/web/components/form-select-multiple/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import SelectMultiple from '../form/selectMultiple';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+const FormSelectMultiple = React.forwardRef(function FormSelectMultiple(props, inputRef) {
+    const { className, id, style, events, required, requiredFlag, label, labelVisible, dataSourceName, enumName, format, placeholder, primaryField, range, size, tipBlock, viewId, 
+    // where,
+    ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(SelectMultiple, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: size, tipBlock: tipBlock, viewId: viewId, 
+                // where={where}
+                dataSourceName: dataSourceName, mode: "selector" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormSelectMultiple;

package/dist/web/components/form-user-tree-select/index.js

@@ -5,7 +5,7 @@ import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
 import { FormItemWrapper } from '../common/form-item-wrapper';
 const FormUserTreeSelect = React.forwardRef(function FormUserTreeSelect(props, inputRef) {
-    const { className, id, style, events, required, requiredFlag, label, labelVisible, confirmValue, defaultValueType, multiple, size, where, secondDisplay, ...restProps } = props;
+    const { className, id, style, events, required, requiredFlag, label, labelVisible, confirmValue, defaultValueType, multiple, size, where, secondDisplay, corpScope, ...restProps } = props;
     const { value, name, 
     // onChange,
     disabled, layout, 
@@ -19,6 +19,6 @@ const FormUserTreeSelect = React.forwardRef(function FormUserTreeSelect(props, i
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(UserTreeSelect, { id: id, style: style, className: className, events: events, name: name, checked: value, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, confirmValue: confirmValue, defaultValueType: defaultValueType, defaultValue: value, size: size, multiple: multiple, where: where, secondDisplay: secondDisplay }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(UserTreeSelect, { id: id, style: style, className: className, events: events, name: name, checked: value, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, confirmValue: confirmValue, defaultValueType: defaultValueType, defaultValue: value, size: size, multiple: multiple, where: where, secondDisplay: secondDisplay, corpScope: corpScope }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormUserTreeSelect;

package/dist/web/components/formdetail/index.css

@@ -228,6 +228,30 @@
   float: unset;
   width: 100%;
 }
+
+.wd-form--vertical-left
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-parent-container,
+.wd-form--vertical-right
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-parent-container {
+  float: unset;
+  width: 100%;
+}
+.wd-form--vertical-left
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-label-container {
+  float: unset;
+  width: 100%;
+}
+.wd-form--vertical-right
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-label-container {
+  float: unset;
+  width: 100%;
+  text-align: right;
+}
+
 /* 升级后组件样式兼容 */
 .form-detail-wrap .form-detail-add-button .wd-typography,
 .form-detail-wrap .form-detail-delete-button .wd-typography {
@@ -400,10 +424,12 @@
 }
 .form-detail-table .tableHeaderCellContainer {
   display: flex;
+  position: relative;
 }
 .form-detail-table .tableHeaderCellContainer .tableFieldRequired {
   color: #e34d59;
-  margin-right: 5px;
+  position: absolute;
+  left: -10px;
 }
 .form-detail-table .wd-grid-col.form-detail-table-option-container {
   background-color: #f3f3f3;
@@ -442,3 +468,7 @@
 .form-detail-wrap .wd-grid-row > div {
   margin: 0;
 }
+
+.form-detail-wrap.form-detail-table .weda-ui.gsd-h5-react-formitem > .weda-ui {
+  padding: 0;
+}

package/dist/web/components/formdetail/index.js

@@ -10,6 +10,28 @@ import { useFormInputTrait, useParentForm } from '../form-input-hooks';
 import { debug } from '../../utils/console';
 import { noop } from '../../utils/constant';
 import { WdText } from '../wd-text';
+// 获取明细组件子项初始值
+const getChildFormItem = (isPureArray, name, parent) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    let childFormItem = [];
+    let fieldSchema = null;
+    if ('model' === (parent === null || parent === void 0 ? void 0 : parent.datasourceType)) {
+        fieldSchema = (_c = (_b = (_a = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _a === void 0 ? void 0 : _a.schema) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c[name];
+    }
+    else if (['connector', 'custom-connector'].includes(parent === null || parent === void 0 ? void 0 : parent.datasourceType)) {
+        const method = (parent === null || parent === void 0 ? void 0 : parent.methodCreate) || (parent === null || parent === void 0 ? void 0 : parent.methodUpdate) || (parent === null || parent === void 0 ? void 0 : parent.methodGetItem);
+        const inParams = (_f = (_e = (_d = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _d === void 0 ? void 0 : _d.methods) === null || _e === void 0 ? void 0 : _e.find((i) => i.name === method)) === null || _f === void 0 ? void 0 : _f.inParams;
+        fieldSchema = (_g = inParams === null || inParams === void 0 ? void 0 : inParams.properties) === null || _g === void 0 ? void 0 : _g[name];
+    }
+    childFormItem = ((_h = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.items) === null || _h === void 0 ? void 0 : _h.properties)
+        ? Object.keys((_j = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.items) === null || _j === void 0 ? void 0 : _j.properties)
+        : [];
+    // 纯数组，默认key值为'arrayItem'
+    if (isPureArray) {
+        childFormItem = ['arrayItem'];
+    }
+    return childFormItem;
+};
 const logger = debug('form-detail');
 export const reorderContext = (data, name, isPureArray) => data.map((i, index) => {
     const item = { ...i };
@@ -66,6 +88,7 @@ export const changeHandle = ({ type, name, data, childFormItem, isPureArray, par
     return data;
 };
 const FormDetailCom = forwardRef(function FormDetail(props, ref) {
+    var _a;
     const { className, id, style, children, events, name, isPureArray, fieldAuth = 'rw', $widget, hasInitValue = false, isWdFormDetail, viewType = 'table', label, } = props;
     const [innerHandle, setInnerHandle] = useState({});
     const inputRef = useRef({});
@@ -144,6 +167,13 @@ const FormDetailCom = forwardRef(function FormDetail(props, ref) {
             setHasScroll(bodyHasScroll);
         }
     }, []);
+    // 初始化明细组件子项初始值
+    useEffect(() => {
+        if ((parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) && name) {
+            const childFormItem = getChildFormItem(isPureArray, name, parent);
+            setChildFormItem(childFormItem);
+        }
+    }, [isPureArray, name, (_a = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _a === void 0 ? void 0 : _a.name]);
     // 初始化context的值
     useEffect(() => {
         logger.debug('initDetailValue', initDetailValue);

package/dist/web/components/index.js

@@ -70,6 +70,7 @@ export { default as Checkbox } from './form/checkbox';
 export { default as Radio } from './form/radio';
 export { default as Switch } from './form/switch';
 export { default as Select } from './form/select';
+export { default as SelectMultiple } from './form/selectMultiple';
 // export const Select = loadable(() => import('./form/select'), { fallback });
 export { default as Uploader } from './form/uploader';
 export { default as UploaderFile } from './form/uploaderFile';
@@ -132,7 +133,6 @@ export { default as Grid } from './grid/grid';
 export { default as Repeater } from './repeater';
 export { default as RepeaterItem } from './repeater-item';
 export { default as WebView } from './web-view';
-export { default as WdForm } from './wd-form';
 export { default as FormInput } from './form-input';
 export { default as FormTextArea } from './form-text-area';
 export { default as FormRadio } from './form-radio';
@@ -153,12 +153,14 @@ export { default as FormImageUploader } from './form-image-uploader';
 export { default as FormUploadFile } from './form-upload-file';
 export { default as FormMultiRegion } from './form-multi-region';
 export { default as FormSelect } from './form-select';
+export { default as FormSelectMultiple } from './form-select-multiple';
 export { default as FormDate } from './form-date';
 export { default as FormRegion } from './form-region';
 export { default as FormTime } from './form-time';
 export { default as WdFormDetail } from './formdetail';
 export { default as QrCode } from './qrcode';
 export { default as CustomerService } from './customer-service';
+export { default as WdOfficialAccount } from './wd-official-account';
 import 'weui/dist/style/weui.css';
 import '../weda-ui.css';
 // 组件标准化
@@ -171,3 +173,17 @@ export { default as WdText } from './wd-text';
 export { default as WdImage } from './wd-image';
 export { default as WdBubble } from './wd-bubble';
 export { default as WdIcon } from './wd-icon';
+export { default as WdTree } from './wd-tree';
+export { default as WdForm } from './wd-form';
+export { default as WdTextarea } from './wd-textarea';
+export { default as WdInput } from './wd-input';
+export { default as WdInputEmail } from './wd-input-email';
+export { default as WdInputUrl } from './wd-input-url';
+export { default as WdInputGroup } from './wd-input-group';
+export { default as WdInputPhone } from './wd-input-phone';
+export { default as WdInputWrap } from './wd-input-wrap';
+export { default as WdSwitch } from './wd-switch';
+export { default as WdRadioList } from './wd-radio-list';
+export { default as WdRadio } from './wd-radio';
+export { default as WdCheckboxList } from './wd-checkbox-list';
+export { default as WdCheckbox } from './wd-checkbox';

package/dist/web/components/listView/index.js

@@ -381,13 +381,28 @@ export default React.forwardRef(function ListView(props, ref) {
             alertErrorMessage({ message: LISTVIEW_MESSAGE.deleteOne_fail });
         }
     }, [appCloud, isModel, methodRefreshKeepPage]);
-    // 组件方法
-    useImperativeHandle(ref, () => ({
-        methods: {
+    const { total, pageNo, pageSize: statePageSize } = getContextState();
+    // widget api
+    useImperativeHandle(ref, () => {
+        return {
+            // 当前页数据
+            records: dataRef.current.records,
+            // 当前总数
+            total,
+            pageNo,
+            pageSize: statePageSize,
+            // 组件方法
             deleteOne: methodDeleteOne,
             refresh: methodRefresh,
-        },
-    }), [methodDeleteOne, methodRefresh]);
+        };
+    }, [
+        total,
+        pageNo,
+        statePageSize,
+        methodDeleteOne,
+        methodRefresh,
+        dataRef.current.records,
+    ]);
     /**
      * 分页，加载更多
      */

package/dist/web/components/phone/index.js

@@ -1,5 +1,30 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * @Date: 2023-04-12 16:43:55
+ * @LastEditTime: 2023-05-04 12:09:27
+ * @Description:
+ */
+import * as React from 'react';
 import Button from '../../components/button';
 import { Bubble, ConfigProvider } from 'tea-component';
-const Phone = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) }) }));
+// @ts-ignore忽略ts交验
+// eslint-disable-next-line rulesdir/no-phantom-deps,import/no-unresolved
+import { autorun } from 'mobx';
+const Phone = (props) => {
+    var _a, _b;
+    const [editorPlatforms, setEditorPlatforms] = React.useState([]);
+    const dispose = React.useMemo(() => {
+        return autorun(() => {
+            var _a, _b;
+            setEditorPlatforms((_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.editorPlatforms);
+        });
+    }, []);
+    React.useEffect(() => {
+        return () => {
+            dispose();
+        };
+    }, [dispose]);
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: ((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) ||
+            (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')) ? (_jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) })) : null }));
+};
 export default Phone;

package/dist/web/components/phoneCode/index.js

@@ -2,5 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Button from '../../components/button';
 import { Bubble, ConfigProvider } from 'tea-component';
 // export type PhoneCodeProps =
-const PhoneCode = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) }) }));
+const PhoneCode = (props) => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) }) }));
+};
 export default PhoneCode;

package/dist/web/components/richText/index.css

@@ -1,112 +1,115 @@
-.richText-upload-link {
-  width: 100%;
-  display: flex;
-  margin-top: 16px;
-  margin-bottom: 20px;
+.weda-richtext-toolbar {
+  position: sticky;
+  z-index: 2;
+  border-bottom: 1px solid #d1d1d1;
 }
 
-.richText-upload-link input {
-  width: 100%;
+.weda-richtext-toolbar .exeditor-toolbar {
+  padding: 5px;
 }
 
-.richtext_upload_dragger {
-  width: 100%;
+exeditor-toolbar-fold,
+exeditor-toolbar-button,
+exeditor-toolbar-select {
+  --button-width: 26px;
+  --button-height: 26px;
+  font-size: 13px !important;
 }
 
-.richtext_upload_dragger > div {
-  width: 100%;
+exeditor-toolbar-select > span > span {
+  font-size: 12px !important;
 }
 
-.richtext_upload_dragger > div > div {
-  overflow: auto;
-  word-break: break-word;
+exeditor-toolbar-option,
+exeditor-color-palette,
+exeditor-toolbar-table-panel {
+  padding: 4px 10px !important;
+  font-size: 12px !important;
 }
 
-/* prettier-ignore */
-.weda-richText .bf-controlbar .control-item {
-  margin: 5PX 0PX 5PX 0PX !important;
+.weda-richtext-editor {
+  position: relative;
 }
 
-.weda-richText .bf-controlbar .control-item.button-indent-increase,
-.weda-richText .bf-controlbar .control-item.button-indent-decrease,
-.weda-richText .bf-controlbar .control-item[data-alignment='left'],
-.weda-richText .bf-controlbar .control-item[data-alignment='center'],
-.weda-richText .bf-controlbar .control-item[data-alignment='right'],
-.weda-richText .bf-controlbar .control-item[data-alignment='justify'],
-.weda-richText .bf-controlbar .control-item.link-editor-dropdown,
-.weda-richText .bf-controlbar .control-item[data-title='清除链接'] {
-  margin-top: 0 !important;
+.weda-richtext-editor .tableWrapper {
+  display: flex;
+  justify-content: center;
 }
 
-.weda-richText .weda-formcells__content .weui-cell_form {
-  padding-top: 0;
+.weda-richtext-editor .tableWrapper table th {
+  background-color: #f5f7fa;
+  border: 1px solid #e1e6f0;
 }
 
-.weda-richText .headings-dropdown {
-  min-width: auto !important;
+.weda-richtext-editor .tableWrapper table td {
+  border: 1px solid #e1e6f0;
 }
 
-/* prettier-ignore */
-.weda-richText .bf-controlbar .separator-line {
-  height: 26PX !important;
+.weda-richtext-editor i {
+  font-style: italic;
 }
 
-.weda-richText .bf-controlbar .control-item.button {
-  min-width: auto !important;
+.ExEditor-basic {
+  height: 100%;
+  overflow-y: auto;
+  padding-top: 30px;
 }
 
-.weda-richText {
-  width: 100%;
+.ExEditor-basic p,
+.ExEditor-basic pre {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
 }
 
-.weda-richText .weui-cell_active:active {
-  background-color: unset !important;
+.ExEditor-basic ol,
+.ExEditor-basic ul {
+  padding-inline-start: 32px;
+  padding-left: 32px;
 }
 
-.weda-richText h1 {
-  font-size: 2em;
+.weda-richtext-container {
+  z-index: 2 !important;
+  height: 100%;
 }
 
-.weda-richText h2 {
-  font-size: 1.5em;
+.weda-richtext-container.ex-fullscreen {
+  z-index: 1001 !important;
 }
 
-.weda-richText h3 {
-  font-size: 1.17em;
-}
-
-.weda-richText h4 {
-  font-size: 1em;
+.weda-richText .weda-formcells__content.weui-flex__item {
+  padding-top: 17px;
+  padding-bottom: 17px;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
 }
 
-.weda-richText h5 {
-  font-size: 0.83em;
+.weda-richText .weui-cell_active:active {
+  background-color: unset !important;
 }
 
-.weda-richText h6 {
-  font-size: 0.67em;
+.weda-richText {
+  width: 100%;
 }
 
-.weda-richText .bf-container .bf-image,
-.weda-richText .bf-container .bf-media {
-  position: relative;
+.weda-richText .weda-formcells__content .weui-cell_form {
+  padding-top: 0;
+  height: 100%;
 }
 
-.weda-richText .bf-content .bf-image .bf-pre-csize {
-  position: absolute;
-  z-index: 1;
-  background: transparent;
+.weda-richText .weui-cells_forms {
+  height: 100%;
+  overflow: unset;
 }
 
-.weda-richText .weda-formcells__content.weui-flex__item {
-  margin-top: 16px;
-  margin-bottom: 16px;
+.weda-richText > div {
+  height: inherit;
 }
 
-.weda-richText .bf-font-size-dropdown {
-  min-width: 58px;
+exeditor-link-modal {
+  z-index: 1005;
+  position: relative;
 }
 
-.bf-container.disabled {
-  background-color: #eee;
+.exeditor-toolbar {
+  z-index: 1005 !important;
 }