@ccs-ui/rc-pro 2.4.0-beta.2 → 2.4.1-alpha.1

package/es/dialog/button.js

@@ -13,12 +13,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { CcsButton } from "./..";
 import { Button, Form } from 'antd';
 import React, { useEffect, useImperativeHandle, useState } from 'react';
 import CcsDialog from '.';
+import CcsButton from "../button";
 import { useDialogFields } from "../hooks/use-app";
-import { getDataByNamePath } from "../select";
+import { getDataByNamePath } from "../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -160,6 +160,7 @@ export var DialogButtonHolder = function DialogButtonHolder(_ref) {
 };
 export default function CcsDialogButtons(_ref3) {
   var okText = _ref3.okText,
+    okType = _ref3.okType,
     okAuth = _ref3.okAuth,
     loading = _ref3.loading,
     children = _ref3.children,
@@ -231,18 +232,24 @@ export default function CcsDialogButtons(_ref3) {
   useEffect(function () {
     var _buttonRef$current;
     if (!onOk && !children) return;
+    var btnProps = {
+      auth: okAuth,
+      loading: loading,
+      onClick: onOkClick
+    };
+    if (okType === 'danger') {
+      btnProps.danger = true;
+    } else {
+      btnProps.type = okType || 'primary';
+    }
     var btns = /*#__PURE__*/_jsxs(_Fragment, {
       children: [children, onOk && /*#__PURE__*/_jsxs(_Fragment, {
         children: [!hideCancel && /*#__PURE__*/_jsx(Button, {
           onClick: closeDialog,
           children: cancelText || '取消'
-        }), /*#__PURE__*/_jsx(CcsButton, {
-          auth: okAuth,
-          type: "primary",
-          loading: loading,
-          onClick: onOkClick,
+        }), /*#__PURE__*/_jsx(CcsButton, _objectSpread(_objectSpread({}, btnProps), {}, {
           children: okText || '确定'
-        })]
+        }))]
       })]
     });
     if (buttonType === 'modal') {

package/es/dialog/context.d.ts

@@ -1,25 +1,6 @@
 import { Store } from 'antd/es/form/interface';
-import React, { RefObject } from 'react';
-import { DialogButtonRef } from './button';
-import { DialogFormRef } from './form';
-import { CcsDialogModalProps, OkEvent } from './hook';
-type DialogContextType<T = Store> = {
-    contextParam: CcsDialogModalProps['contextParam'];
-    /** 表单初始值 */
-    formInitialValues: T;
-    /** ant form 实例 */
-    formRef?: React.RefObject<DialogFormRef<T>>;
-    /** 按钮类型 */
-    buttonType: 'modal' | 'drawer';
-    /** 按钮 ref */
-    buttonRef: RefObject<DialogButtonRef>;
-    /** drawer footer ref */
-    drawerFooterRef?: RefObject<DialogButtonRef>;
-    /** 关闭弹框回调 */
-    closeDialog: () => void;
-    /** 确定回调 */
-    onOkCallBack: OkEvent<any, any> | undefined;
-};
+import React from 'react';
+import { DialogContextType } from './_api';
 declare const DialogContentContext: React.Context<DialogContextType<any>>;
 declare const useDialogContext: <T = Store>() => DialogContextType<T>;
-export { DialogContentContext, DialogContextType, useDialogContext };
+export { DialogContentContext, useDialogContext };

package/es/dialog/context.js

@@ -1,7 +1,4 @@
 import React, { useContext } from 'react';
-
-// formInstance?: FormInstance<T>;
-
 var DialogContentContext = /*#__PURE__*/React.createContext({});
 var useDialogContext = function useDialogContext() {
   var context = useContext(DialogContentContext);

package/es/dialog/drawer-footer.d.ts

@@ -1,16 +1,7 @@
 import { RefObject } from 'react';
-import { PropsWithNodeChildren } from '../ccs';
+import { DialogButtonsProps } from './_api';
 import { DialogButtonRef } from './button';
-type DialogButtonsProps = PropsWithNodeChildren & {
-    okText?: string;
-    cancelText?: string;
-    okAuth?: string;
-    loading?: boolean;
-    hideCancel?: boolean;
-    onOk?: (values?: any) => void;
-};
 export declare const FooterButtonHolder: ({ buttonRef, }: {
     buttonRef: RefObject<DialogButtonRef>;
 }) => import("react/jsx-runtime").JSX.Element;
 export default function CcsDrawerFooter({ children }: DialogButtonsProps): null;
-export {};

package/es/dialog/form.d.ts

@@ -12,5 +12,5 @@ export type DialogFormRef<TParams> = {
  * 添加form实例
  * @returns
  */
-declare const DialogForm: <TParams>({ formRef, children, formProps: { labelCol, wrapperCol, ...restProps }, }: PropsType<TParams>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogForm: <TParams>({ formRef, children, formProps, }: PropsType<TParams>) => import("react/jsx-runtime").JSX.Element;
 export default DialogForm;

package/es/dialog/form.js

@@ -1,5 +1,4 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["labelCol", "wrapperCol"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -11,8 +10,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Form } from 'antd';
 import React, { useImperativeHandle } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,16 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var DialogForm = function DialogForm(_ref) {
   var formRef = _ref.formRef,
     children = _ref.children,
-    _ref$formProps = _ref.formProps,
-    _ref$formProps$labelC = _ref$formProps.labelCol,
-    labelCol = _ref$formProps$labelC === void 0 ? {
-      span: 7
-    } : _ref$formProps$labelC,
-    _ref$formProps$wrappe = _ref$formProps.wrapperCol,
-    wrapperCol = _ref$formProps$wrappe === void 0 ? {
-      span: 16
-    } : _ref$formProps$wrappe,
-    restProps = _objectWithoutProperties(_ref$formProps, _excluded);
+    formProps = _ref.formProps;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -41,12 +29,23 @@ var DialogForm = function DialogForm(_ref) {
       formInstance: form
     };
   });
-  return /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread({
+
+  // 垂直布局
+  var isHLayout = formProps.layout === 'horizontal' || !formProps.layout;
+
+  // 默认布局
+  var defaultLayout = isHLayout ? {
+    labelCol: {
+      span: 7
+    },
+    wrapperCol: {
+      span: 16
+    }
+  } : undefined;
+  return /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread(_objectSpread({
     form: form,
-    labelCol: labelCol,
-    wrapperCol: wrapperCol,
     preserve: false
-  }, restProps), {}, {
+  }, defaultLayout), formProps), {}, {
     children: children
   }));
 };

package/es/dialog/hook.d.ts

@@ -1,75 +1,26 @@
-import { DrawerProps, FormProps, ModalFuncProps } from 'antd';
-import React, { ReactNode } from 'react';
-import { RecordType } from '../ccs';
+import React from 'react';
+import { DialogDrawerProps, DialogModalProps } from './_api';
 import usePatchElement from './usePatchElement';
-export type CcsDialogModal = {
-    destroy: () => void;
-    update: (config: CcsDialogModalProps) => void;
-};
-export type CcsDialogDrawer = {
-    destroy: () => void;
-    update: (config: CcsDialogDrawerProps) => void;
-};
-type ModalFunc = (props: CcsDialogModalProps) => {
-    destroy: () => void;
-    update: (configUpdate: CcsDialogModalProps) => void;
-};
-type DrawerFunc = (props: CcsDialogDrawerProps) => {
-    destroy: () => void;
-    update: (configUpdate: CcsDialogDrawerProps) => void;
-};
 export type DialogRequestData = {
     /** 成功标识 */
     success: boolean;
     /** 失败消息 */
     msg: string;
 };
-export type Service<TParams, TData> = (params: TParams) => Promise<TData>;
-export type OkEvent<TParams, TData> = (params?: TParams, result?: TData) => Promise<boolean | undefined> | boolean | void;
 export type Values<TParams extends any> = (params: TParams) => TParams;
-type DialogProps<TParams, TData> = {
-    /** antd form */
-    form?: FormProps;
-    /** 表单接口请求权限 */
-    auth?: string;
-    /** 上下文参数、可通过CcsDialog.useInstance获取 */
-    contextParam?: {
-        /** 当前行数据 */
-        record?: RecordType;
-        /** 选中行数据 */
-        selectedRows?: RecordType[];
-        /** 其他扩展参数 */
-        contextParam?: RecordType;
-    };
-    /** 通过参数传递的扩展按钮 */
-    extraBtn?: ReactNode;
-    /** 确定按钮，返回false 或者 promiss false 则阻止关闭对话框 */
-    onOk?: OkEvent<TParams, TData>;
-    /** 表单接口请求 */
-    request?: Service<TParams, TData>;
-    /** 请求success和errorMsg字段指定 */
-    requestFieldNames?: {
-        success?: string[];
-        errorMsg?: string[];
-    };
-    /** 阻止对request结果进行处理 */
-    preventRequestHandle?: boolean;
-    /** 弹框关闭回调 */
-    onClose?: () => void;
-};
-export type CcsDialogModalProps<TParams = any, TData = any> = DialogProps<TParams, TData> & Omit<ModalFuncProps, 'onCancel' | 'afterOpenChange' | 'onOk'> & {
-    /** 关闭后销毁组件，默认true */
-    destroyOnClose?: boolean;
+export type ModalFunc = (props: DialogModalProps) => {
+    destroy: () => void;
+    update: (configUpdate: DialogModalProps) => void;
 };
-export type CcsDialogDrawerProps<TParams = any, TData = any> = DialogProps<TParams, TData> & Omit<DrawerProps, 'onClose' | 'onOk' | 'afterOpenChange' | 'footer'> & {
-    /** 抽屉内容 */
-    content?: ReactNode;
+export type DrawerFunc = (props: DialogDrawerProps) => {
+    destroy: () => void;
+    update: (configUpdate: DialogDrawerProps) => void;
 };
 export type ModalDialog = (...args: Parameters<ModalFunc>) => ReturnType<ModalFunc>;
 export type DrawerDialog = (...args: Parameters<ModalFunc>) => ReturnType<DrawerFunc>;
 export type CcsDialogType = {
-    openDrawer: <TParams = any, TData = any>(props: CcsDialogDrawerProps<TParams, TData>) => ReturnType<DrawerDialog>;
-    openModal: <TParams = any, TData = any>(props: CcsDialogModalProps<TParams, TData>) => ReturnType<ModalDialog>;
+    openDrawer: <TParams = any, TData = any>(props: DialogDrawerProps<TParams, TData>) => ReturnType<DrawerDialog>;
+    openModal: <TParams = any, TData = any>(props: DialogModalProps<TParams, TData>) => ReturnType<ModalDialog>;
     contextHolder: React.JSX.Element;
 };
 export type ElementsHolderRef = {
@@ -77,4 +28,3 @@ export type ElementsHolderRef = {
 };
 export declare const DialogElementsHolder: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<ElementsHolderRef>>>;
 export default function useCcsDialog(): CcsDialogType;
-export {};

package/es/dialog/hook.js

@@ -18,17 +18,8 @@ import useAppConfig from "../hooks/use-app";
 import HookDrawer from "./HookDrawer";
 import HookModal from "./HookModal";
 import usePatchElement from "./usePatchElement";
-
-// Add `then` field for `ModalFunc` return instance.
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-// type CcsModalFuncType<TParams, TData> = (
-//   config: CcsDialogModalProps<TParams, TData>,
-// ) => {
-//   destroy: () => void;
-//   update: (configUpdate: ModalFuncProps) => void;
-// };
-
 export var DialogElementsHolder = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_props, ref) {
   var _usePatchElement = usePatchElement(),
     _usePatchElement2 = _slicedToArray(_usePatchElement, 2),

package/es/dialog/index.d.ts

@@ -1,18 +1,5 @@
 import ThemeDialog from '../theme-dialog';
-import CcsDialogFooter from './button';
-import { useDialogContext } from './context';
-import CcsDrawerFooter from './drawer-footer';
-import useCcsDialog from './hook';
-type DialogInterface = {
-    /** 获取openModal,openDrawer方法 */
-    useDialog: typeof useCcsDialog;
-    /** dialog 实例 */
-    useInstance: typeof useDialogContext;
-    /** dialog 按钮 */
-    Buttons: typeof CcsDialogFooter;
-    /** drawer footer */
-    DrawerFooter: typeof CcsDrawerFooter;
-};
+import { DialogInterface } from './_api';
 declare const CcsDialog: typeof ThemeDialog & DialogInterface & {
     displayName?: string | undefined;
 };

package/es/dialog/index.js

@@ -4,9 +4,17 @@ import { useDialogContext } from "./context";
 import CcsDrawerFooter from "./drawer-footer";
 import useCcsDialog from "./hook";
 var CcsDialog = ThemeDialog;
+
+/** 对话框按钮 */
 CcsDialog.Buttons = CcsDialogFooter;
+
+// 获取对话框open方法
 CcsDialog.useDialog = useCcsDialog;
+
+/** 对话框实例，获取上下文参数 */
 CcsDialog.useInstance = useDialogContext;
+
+/** 抽屉底部按钮 */
 CcsDialog.DrawerFooter = CcsDrawerFooter;
 if (process.env.NODE_ENV !== 'production') {
   CcsDialog.displayName = 'CcsDialog';

package/es/editor/_api.d.ts

@@ -0,0 +1,11 @@
+import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
+import { PropsWithCss } from '../ccs';
+export type EditorProps = PropsWithCss & Omit<ReactCodeMirrorProps, 'height'> & {
+    value?: string;
+    bordered?: boolean;
+    isPreview?: boolean;
+    placeholder?: string;
+    height?: number | string;
+    extensions?: ReactCodeMirrorProps['extensions'];
+    onChange?: (e: string) => void;
+};

package/es/editor/_api.js

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

package/es/editor/base.d.ts

@@ -0,0 +1,2 @@
+import { EditorProps } from './_api';
+export default function BaseEditor({ placeholder, height, bordered, isPreview, style, className, extensions, ...restProps }: EditorProps): import("react/jsx-runtime").JSX.Element;

package/es/editor/base.js

@@ -0,0 +1,56 @@
+var _excluded = ["placeholder", "height", "bordered", "isPreview", "style", "className", "extensions"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import CodeMirror from '@uiw/react-codemirror';
+import { theme } from 'antd';
+import classNames from 'classnames';
+import useAppConfig from "../hooks/use-app";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function BaseEditor(_ref) {
+  var _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '200px' : _ref$height,
+    bordered = _ref.bordered,
+    isPreview = _ref.isPreview,
+    style = _ref.style,
+    className = _ref.className,
+    extensions = _ref.extensions,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var appConfig = useAppConfig();
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  var isDark = appConfig.theme === 'dark';
+  var styles = style || {};
+  var previewProps = {};
+  if (bordered !== false) {
+    styles.border = "1px solid ".concat(token.colorBorder);
+    styles.borderRadius = token.borderRadius;
+  }
+  if (isPreview) {
+    styles.border = 0;
+    previewProps.editable = false;
+    previewProps.readOnly = true;
+    previewProps.height = 'auto';
+    previewProps.basicSetup = _objectSpread(_objectSpread({}, _typeof(restProps.basicSetup) === 'object' ? restProps.basicSetup : {}), {}, {
+      lineNumbers: false
+    });
+    previewProps.className = "".concat(classNames(className, 'ccs-editor', 'ccs-editor-preview'));
+  }
+  var newHeight = typeof height === 'number' ? "".concat(height, "px") : height;
+  return /*#__PURE__*/_jsx(CodeMirror, _objectSpread(_objectSpread({
+    height: newHeight,
+    extensions: extensions,
+    placeholder: placeholder,
+    theme: isDark ? 'dark' : 'light'
+  }, restProps), {}, {
+    style: styles,
+    className: classNames('ccs-editor', className)
+  }, previewProps));
+}

package/es/editor/index.d.ts

@@ -1,17 +1,7 @@
-import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import { PropsWithCss } from '../ccs';
 import './index.less';
 import JavaScriptEditor from './javascript';
 import JsonEditor from './json';
 import SqlEditor from './sql';
-export type EditorPropsType = PropsWithCss & Omit<ReactCodeMirrorProps, 'height'> & {
-    value?: string;
-    placeholder?: string;
-    bordered?: boolean;
-    isPreview?: boolean;
-    height?: number | string;
-    onChange?: (e: string) => void;
-};
 declare function Editor({}: {}): import("react/jsx-runtime").JSX.Element;
 declare namespace Editor {
     var Json: typeof JsonEditor;

package/es/editor/index.js

@@ -9,8 +9,14 @@ function Editor(_ref) {
   _objectDestructuringEmpty(_ref);
   return /*#__PURE__*/_jsx(_Fragment, {});
 }
+
+/** JSON 编辑器 */
 Editor.Json = JsonEditor;
+
+/** JavaScript 编辑器 */
 Editor.Js = JavaScriptEditor;
+
+/** SQL 编辑器 */
 Editor.Sql = SqlEditor;
 if (process.env.NODE_ENV !== 'production') {
   Editor.displayName = 'CcsEditor';

package/es/editor/javascript.d.ts

@@ -1,2 +1,2 @@
-import { EditorPropsType } from '.';
-export default function JavaScriptEditor({ placeholder, height, bordered, isPreview, style, className, ...restProps }: EditorPropsType): import("react/jsx-runtime").JSX.Element;
+import { EditorProps } from './_api';
+export default function JavaScriptEditor(props: EditorProps): import("react/jsx-runtime").JSX.Element;

package/es/editor/javascript.js

@@ -1,56 +1,16 @@
-var _excluded = ["placeholder", "height", "bordered", "isPreview", "style", "className"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { javascript } from '@codemirror/lang-javascript';
-import CodeMirror from '@uiw/react-codemirror';
-import classNames from 'classnames';
-import useAppConfig from "../hooks/use-app";
+import BaseEditor from "./base";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function JavaScriptEditor(_ref) {
-  var _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '200px' : _ref$height,
-    bordered = _ref.bordered,
-    isPreview = _ref.isPreview,
-    style = _ref.style,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAppConfig = useAppConfig(),
-    theme = _useAppConfig.theme;
-  var isDark = theme === 'dark';
-  var styles = style || {};
-  var previewProps = {};
-  if (bordered !== false) {
-    styles.border = '1px solid #d9d9d9';
-    styles.borderRadius = 3;
-  }
-  if (isPreview) {
-    styles.border = 0;
-    previewProps.editable = false;
-    previewProps.readOnly = true;
-    previewProps.height = 'auto';
-    previewProps.basicSetup = _objectSpread(_objectSpread({}, _typeof(restProps.basicSetup) === 'object' ? restProps.basicSetup : {}), {}, {
-      lineNumbers: false
-    });
-    previewProps.className = "".concat(classNames(className, 'ccs-editor', 'ccs-editor-preview'));
-  }
-  var newHeight = typeof height === 'number' ? "".concat(height, "px") : height;
-  return /*#__PURE__*/_jsx(CodeMirror, _objectSpread(_objectSpread({
-    height: newHeight,
+export default function JavaScriptEditor(props) {
+  return /*#__PURE__*/_jsx(BaseEditor, _objectSpread(_objectSpread({}, props), {}, {
     extensions: [javascript({
       jsx: true
-    })],
-    placeholder: placeholder,
-    theme: isDark ? 'dark' : 'light'
-  }, restProps), {}, {
-    style: styles,
-    className: classNames('ccs-editor', className)
-  }, previewProps));
+    })]
+  }));
 }

package/es/editor/json.d.ts

@@ -1,7 +1,2 @@
-import { EditorPropsType } from '.';
-/**
- * JSON编辑器
- * @param {number} height - 高度
- * @param {string} placeholder - 占位
- */
-export default function JsonEditor({ value, placeholder, height, bordered, onChange, style, className, isPreview, ...restProps }: EditorPropsType): import("react/jsx-runtime").JSX.Element;
+import { EditorProps } from './_api';
+export default function JsonEditor(props: EditorProps): import("react/jsx-runtime").JSX.Element;

package/es/editor/json.js

@@ -1,18 +1,13 @@
-var _excluded = ["value", "placeholder", "height", "bordered", "onChange", "style", "className", "isPreview"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { json } from '@codemirror/lang-json';
 import { syntaxTree } from '@codemirror/language';
 import { linter } from '@codemirror/lint';
-import CodeMirror from '@uiw/react-codemirror';
-import classNames from 'classnames';
-import useAppConfig from "../hooks/use-app";
+import BaseEditor from "./base";
 import { jsx as _jsx } from "react/jsx-runtime";
 var regexpLinter = linter(function (view) {
   var diagnostics = [];
@@ -28,55 +23,8 @@ var regexpLinter = linter(function (view) {
   });
   return diagnostics;
 });
-var defaultPlaceholder = "JSON\u8F93\u5165\u793A\u4F8B\n{\n  \"key\": 1,\n  \"value\": \"..\"\n}";
-
-/**
- * JSON编辑器
- * @param {number} height - 高度
- * @param {string} placeholder - 占位
- */
-export default function JsonEditor(_ref) {
-  var value = _ref.value,
-    placeholder = _ref.placeholder,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '200px' : _ref$height,
-    bordered = _ref.bordered,
-    _onChange = _ref.onChange,
-    style = _ref.style,
-    className = _ref.className,
-    isPreview = _ref.isPreview,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAppConfig = useAppConfig(),
-    theme = _useAppConfig.theme;
-  var isDark = theme === 'dark';
-  var styles = style || {};
-  var previewProps = {};
-  if (bordered !== false) {
-    styles.border = '1px solid #d9d9d9';
-    styles.borderRadius = 3;
-  }
-  if (isPreview) {
-    styles.border = 0;
-    previewProps.editable = false;
-    previewProps.readOnly = true;
-    previewProps.height = 'auto';
-    previewProps.basicSetup = _objectSpread(_objectSpread({}, _typeof(restProps.basicSetup) === 'object' ? restProps.basicSetup : {}), {}, {
-      lineNumbers: false
-    });
-    previewProps.className = "".concat(classNames(className, 'ccs-editor', 'ccs-editor-preview'));
-  }
-  var newHeight = typeof height === 'number' ? "".concat(height, "px") : height;
-  return /*#__PURE__*/_jsx(CodeMirror, _objectSpread(_objectSpread({
-    value: value,
-    height: newHeight,
-    placeholder: placeholder || defaultPlaceholder,
-    extensions: [json(), regexpLinter],
-    onChange: function onChange(e) {
-      if (_onChange) _onChange(e);
-    },
-    theme: isDark ? 'dark' : 'light'
-  }, restProps), {}, {
-    style: styles,
-    className: classNames('ccs-editor', className)
-  }, previewProps));
+export default function JsonEditor(props) {
+  return /*#__PURE__*/_jsx(BaseEditor, _objectSpread(_objectSpread({}, props), {}, {
+    extensions: [json(), regexpLinter]
+  }));
 }

package/es/editor/sql.d.ts

@@ -1,2 +1,2 @@
-import { EditorPropsType } from '.';
-export default function SqlEditor({ placeholder, height, bordered, isPreview, style, className, ...restProps }: EditorPropsType): import("react/jsx-runtime").JSX.Element;
+import { EditorProps } from './_api';
+export default function SqlEditor(props: EditorProps): import("react/jsx-runtime").JSX.Element;