@sheinx/base 3.0.0-alpha.8 → 3.0.0-alpha.9

package/cjs/dropdown/__example__/001-base.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    -- Dropdown 通过数据来渲染，支持 json 格式数据、React 组件
- * en - Base
- *    -- Dropdown is rendered through data and supports json formatted data and React components.
- */
-
-var data = [{
-  content: 'SubmenuSubmenuSubmenuSubmenuSubmenu',
-  children: [{
-    content: 'Link to Google',
-    children: [{
-      content: 'Link to Google'
-    }, {
-      content: 'Disabled',
-      disabled: true
-    }, {
-      content: '666'
-    }]
-  }, {
-    content: 'Disabled',
-    disabled: true
-  }, {
-    content: '666'
-  }]
-}, /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-  href: "/",
-  children: "Home"
-}, 'home'), {
-  content: 'Message',
-  children: [{
-    content: 'shuai'
-  }, {
-    content: 'kukuku',
-    disabled: true
-  }, {
-    content: 'memem666'
-  }]
-}];
-var App = function App() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dropdown, {
-    jssStyle: {
-      dropdown: _shineoutStyle.useDropdownStyle,
-      button: _shineoutStyle.useButtonStyle
-    },
-    position: 'bottom',
-    trigger: "click",
-    placeholder: "Dropdown",
-    data: data
-  });
-};
-var _default = App;
-exports.default = _default;

package/cjs/editable-area/__example__/01-base.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

package/cjs/editable-area/__example__/01-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAkBE"}

package/cjs/editable-area/__example__/01-base.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --
- * en - Basic
- *    --
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.EditableArea, {
-      width: 200,
-      bordered: true,
-      defaultValue: 'hello world',
-      clearable: true,
-      placeholder: 'please input something',
-      innerTitle: "I'm inner title",
-      jssStyle: {
-        editableArea: _shineoutStyle.useEditableAreaStyle,
-        textarea: _shineoutStyle.useTextareaStyle,
-        innerTitle: _shineoutStyle.useInnerTitleStyle
-      }
-    })
-  });
-};
-exports.default = _default;

package/cjs/empty/__example__/01-base.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

package/cjs/empty/__example__/01-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAEE"}

package/cjs/empty/__example__/01-base.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --
- * en - Basic
- *    --
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Empty, {
-    jssStyle: {
-      empty: _shineoutStyle.useEmptyStyle
-    }
-  });
-};
-exports.default = _default;

package/cjs/form/__example__/001-base.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=001-base.d.ts.map

package/cjs/form/__example__/001-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"001-base.d.ts","sourceRoot":"","sources":["001-base.tsx"],"names":[],"mappings":";;AASA,wBAkEE"}

package/cjs/form/__example__/001-base.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = function _default() {
-  var jssStyle = {
-    input: _shineoutStyle.useInputStyle,
-    form: _shineoutStyle.useFormStyle,
-    formItem: _shineoutStyle.useFormItemStyle,
-    innerTitle: _shineoutStyle.useInnerTitleStyle
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
-      inline: true,
-      jssStyle: jssStyle,
-      defaultValue: {
-        email: 'zhangsan@qq.com'
-      },
-      onSubmit: function onSubmit(v) {
-        console.log('form submit', v);
-      },
-      onChange: function onChange(v) {
-        console.log('form change', v);
-      },
-      onReset: function onReset() {
-        console.log('form reset');
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormItem, {
-        required: true,
-        label: 'Username',
-        jssStyle: jssStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormField, {
-          name: 'name',
-          defaultValue: 'zhangsan',
-          rules: [function (value, formValue, callback, _prop) {
-            if (value && value.length > 5) {
-              callback(new Error('长度不能大于5'));
-            } else {
-              callback(true);
-            }
-          }],
-          onChange: function onChange(v) {
-            console.log('input change', v);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
-            jssStyle: jssStyle,
-            clearable: true,
-            placeholder: "please input name"
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormItem, {
-        label: 'Email',
-        tip: '输入公司邮箱',
-        jssStyle: jssStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormField, {
-          name: 'email',
-          onChange: function onChange(v) {
-            console.log('input change', v);
-          },
-          children: function children(_ref) {
-            var value = _ref.value,
-              onChange = _ref.onChange;
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
-              value: value,
-              onChange: onChange,
-              jssStyle: jssStyle,
-              clearable: true,
-              placeholder: "please input email"
-            });
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'submit',
-        children: "\u63D0\u4EA4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'reset',
-        children: "\u91CD\u7F6E"
-      })]
-    })
-  });
-};
-exports.default = _default;

package/cjs/form/__example__/002-vertical.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=002-vertical.d.ts.map

package/cjs/form/__example__/002-vertical.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"002-vertical.d.ts","sourceRoot":"","sources":["002-vertical.tsx"],"names":[],"mappings":";;AASA,wBA4CE"}

package/cjs/form/__example__/002-vertical.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = function _default() {
-  var jssStyle = {
-    input: _shineoutStyle.useInputStyle,
-    form: _shineoutStyle.useFormStyle,
-    formItem: _shineoutStyle.useFormItemStyle,
-    innerTitle: _shineoutStyle.useInnerTitleStyle
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
-      jssStyle: jssStyle,
-      defaultValue: {
-        email: 'zhangsan@qq.com'
-      },
-      labelAlign: 'top',
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormItem, {
-        label: 'username',
-        tip: '请输入用户名',
-        jssStyle: jssStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormField, {
-          name: 'name',
-          onChange: function onChange(v) {
-            console.log('input change', v);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
-            jssStyle: jssStyle,
-            clearable: true,
-            placeholder: "please input name"
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormItem, {
-        label: 'email',
-        jssStyle: jssStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormField, {
-          name: 'email',
-          onChange: function onChange(v) {
-            console.log('input change', v);
-          },
-          children: function children(_ref) {
-            var value = _ref.value,
-              onChange = _ref.onChange;
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
-              value: value,
-              onChange: onChange,
-              jssStyle: jssStyle,
-              clearable: true,
-              placeholder: "please input email"
-            });
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'submit',
-        children: "\u63D0\u4EA4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'reset',
-        children: "\u91CD\u7F6E"
-      })]
-    })
-  });
-};
-exports.default = _default;

package/cjs/form/__example__/003-fieldset.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=003-fieldset.d.ts.map

package/cjs/form/__example__/003-fieldset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"003-fieldset.d.ts","sourceRoot":"","sources":["003-fieldset.tsx"],"names":[],"mappings":";;AASA,wBA0DE"}

package/cjs/form/__example__/003-fieldset.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _2 = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = function _default() {
-  var jssStyle = {
-    input: _shineoutStyle.useInputStyle,
-    form: _shineoutStyle.useFormStyle,
-    formItem: _shineoutStyle.useFormItemStyle,
-    innerTitle: _shineoutStyle.useInnerTitleStyle
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_2.Form, {
-      inline: true,
-      jssStyle: jssStyle,
-      defaultValue: {
-        email: 'zhangsan@qq.com'
-      },
-      onSubmit: function onSubmit(v) {
-        console.log('form submit', v);
-      },
-      onChange: function onChange(v) {
-        console.log('form change', v);
-      },
-      onReset: function onReset() {
-        console.log('form reset');
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_2.FormItem, {
-        jssStyle: jssStyle,
-        label: 'Email',
-        tip: '输入公司邮箱',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.FormFieldSet, {
-          name: 'super',
-          rules: [function (value, formValue, callback, _) {
-            console.log('supervalidate', value);
-            if (value && value.email && value.email.length > 5) {
-              callback(new Error('长度不能大于5'));
-            } else {
-              callback(true);
-            }
-          }],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.FormField, {
-            name: 'email',
-            rules: [function (value, formValue, callback, _) {
-              if (value && value.length > 2) {
-                callback(new Error('长度不能大于2'));
-              } else {
-                callback(true);
-              }
-            }],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.Input, {
-              jssStyle: jssStyle,
-              clearable: true,
-              placeholder: "please input email"
-            })
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'submit',
-        children: "\u63D0\u4EA4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'reset',
-        children: "\u91CD\u7F6E"
-      })]
-    })
-  });
-};
-exports.default = _default;

package/cjs/form/__example__/004-fieldset-loop.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=004-fieldset-loop.d.ts.map

package/cjs/form/__example__/004-fieldset-loop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"004-fieldset-loop.d.ts","sourceRoot":"","sources":["004-fieldset-loop.tsx"],"names":[],"mappings":";;AAQA,wBAmDE"}

package/cjs/form/__example__/004-fieldset-loop.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = function _default() {
-  var jssStyle = {
-    input: _shineoutStyle.useInputStyle,
-    form: _shineoutStyle.useFormStyle,
-    formItem: _shineoutStyle.useFormItemStyle,
-    innerTitle: _shineoutStyle.useInnerTitleStyle
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
-      labelAlign: 'right',
-      jssStyle: jssStyle,
-      onSubmit: function onSubmit(v) {
-        console.log('form submit', v);
-      },
-      onChange: function onChange(v) {
-        console.log('form change', v);
-      },
-      onReset: function onReset() {
-        console.log('form reset');
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormItem, {
-        jssStyle: jssStyle,
-        label: 'friends',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormFieldSet, {
-          name: 'friends',
-          defaultValue: [{
-            name: 'leo',
-            age: 20
-          }],
-          children: function children(ii) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.FormItem, {
-              jssStyle: jssStyle,
-              style: {
-                display: 'flex',
-                marginBottom: '10px'
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormField, {
-                name: 'name',
-                defaultValue: 'leo',
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
-                  jssStyle: jssStyle,
-                  style: {
-                    width: 180,
-                    marginInlineEnd: 8
-                  }
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormField, {
-                name: 'age',
-                defaultValue: '18',
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
-                  jssStyle: jssStyle,
-                  style: {
-                    width: 180,
-                    marginInlineEnd: 8
-                  }
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                onClick: function onClick() {
-                  ii.onAppend({
-                    name: '',
-                    age: 12
-                  });
-                },
-                children: "+"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                onClick: ii.onRemove,
-                children: "-"
-              })]
-            });
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'submit',
-        children: "\u63D0\u4EA4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: 'reset',
-        children: "\u91CD\u7F6E"
-      })]
-    })
-  });
-};
-exports.default = _default;

package/cjs/gap/__example__/01-base.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

package/cjs/gap/__example__/01-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AASA,wBAyBE"}

package/cjs/gap/__example__/01-base.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --
- * en - Basic
- *    --
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Gap, {
-      row: 50,
-      column: 50,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "3"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "5"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "6"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "3"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "5"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "6"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "3"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "5"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "6"
-      })]
-    })
-  });
-};
-exports.default = _default;

package/cjs/grid/__example__/01-base.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=01-base.d.ts.map

package/cjs/grid/__example__/01-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AASA,wBAME"}

package/cjs/grid/__example__/01-base.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --
- * en - Basic
- *    --
- */
-var _default = function _default() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Grid, {})
-  });
-};
-exports.default = _default;

package/cjs/image/__example__/s-001-base.d.ts

@@ -1,10 +0,0 @@
-/**
- * cn - 基本用法
- *    --基础 Image 用法
- * en - Base
- *    --Base Image
- */
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
-//# sourceMappingURL=s-001-base.d.ts.map

package/cjs/image/__example__/s-001-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"s-001-base.d.ts","sourceRoot":"","sources":["s-001-base.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;;;AAMH,wBAmBE"}

package/cjs/image/__example__/s-001-base.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _shineoutStyle = require("@sheinx/shineout-style");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * cn - 基本用法
- *    --基础 Image 用法
- * en - Base
- *    --Base Image
- */
-var _default = function _default() {
-  var jssStyle = {
-    image: _shineoutStyle.useImageStyle
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    id: "ddd",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Image, {
-      error: "\u554A\u54C8\uFF01\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u4E86\uFF01",
-      fit: "center",
-      width: 128,
-      height: 128,
-      jssStyle: jssStyle,
-      target: "_download",
-      href: "static/image/s-01.png",
-      src: "static/image/s-01.png",
-      onClick: function onClick(e) {
-        return console.log(e);
-      }
-    })
-  });
-};
-exports.default = _default;