@qsxy/element-plus-react 1.0.0-next.8 → 1.0.1

package/dist/ColorPicker/draggable.js

@@ -1,60 +1,42 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ColorPicker/draggable.ts
-var draggable_exports = {};
-__export(draggable_exports, {
-  default: () => draggable_default
-});
-module.exports = __toCommonJS(draggable_exports);
-var import_dom_lib = require("dom-lib");
+import { off, on } from 'dom-lib';
 var isDragging = false;
-function draggable_default(element, options) {
-  const moveFn = function(event) {
-    var _a;
-    (_a = options.drag) == null ? void 0 : _a.call(options, event);
+export default function (element, options) {
+  // if (!isClient) { return; }
+
+  var moveFn = function moveFn(event) {
+    var _options$drag;
+    (_options$drag = options.drag) === null || _options$drag === void 0 || _options$drag.call(options, event);
   };
-  const upFn = function(event) {
-    var _a;
-    (0, import_dom_lib.off)(document, "mousemove", moveFn);
-    (0, import_dom_lib.off)(document, "mouseup", upFn);
-    (0, import_dom_lib.off)(document, "touchmove", moveFn);
-    (0, import_dom_lib.off)(document, "touchend", upFn);
+  var upFn = function upFn(event) {
+    var _options$end;
+    off(document, 'mousemove', moveFn);
+    off(document, 'mouseup', upFn);
+    off(document, 'touchmove', moveFn);
+    off(document, 'touchend', upFn);
     document.onselectstart = null;
     document.ondragstart = null;
     isDragging = false;
-    (_a = options.end) == null ? void 0 : _a.call(options, event);
+    (_options$end = options.end) === null || _options$end === void 0 || _options$end.call(options, event);
   };
-  const downFn = function(event) {
-    var _a;
+  var downFn = function downFn(event) {
+    var _options$start;
     if (isDragging) {
       return;
     }
     event.preventDefault();
-    document.onselectstart = () => false;
-    document.ondragstart = () => false;
-    (0, import_dom_lib.on)(document, "mousemove", moveFn);
-    (0, import_dom_lib.on)(document, "mouseup", upFn);
-    (0, import_dom_lib.on)(document, "touchmove", moveFn);
-    (0, import_dom_lib.on)(document, "touchend", upFn);
+    document.onselectstart = function () {
+      return false;
+    };
+    document.ondragstart = function () {
+      return false;
+    };
+    on(document, 'mousemove', moveFn);
+    on(document, 'mouseup', upFn);
+    on(document, 'touchmove', moveFn);
+    on(document, 'touchend', upFn);
     isDragging = true;
-    (_a = options.start) == null ? void 0 : _a.call(options, event);
+    (_options$start = options.start) === null || _options$start === void 0 || _options$start.call(options, event);
   };
-  (0, import_dom_lib.on)(element, "mousedown", downFn);
-  (0, import_dom_lib.on)(element, "touchstart", downFn);
-}
+  on(element, 'mousedown', downFn);
+  on(element, 'touchstart', downFn);
+}

package/dist/ColorPicker/index.js

@@ -1,39 +1 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ColorPicker/index.ts
-var ColorPicker_exports = {};
-__export(ColorPicker_exports, {
-  ColorPicker: () => import_ColorPicker.default
-});
-module.exports = __toCommonJS(ColorPicker_exports);
-var import_ColorPicker = __toESM(require("./ColorPicker"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ColorPicker
-});
+export { default as ColorPicker } from "./ColorPicker";

package/dist/ColorPicker/typings.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ColorPicker/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/ColorPicker/util.js

@@ -1,47 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ColorPicker/util.ts
-var util_exports = {};
-__export(util_exports, {
-  displayedRgb: () => displayedRgb,
-  getClientXY: () => getClientXY,
-  parseColors: () => parseColors
-});
-module.exports = __toCommonJS(util_exports);
-var import_color = __toESM(require("./color"));
-var getClientXY = (event) => {
-  let clientX;
-  let clientY;
-  if (event.type === "touchend") {
+import Color from "./color";
+export var getClientXY = function getClientXY(event) {
+  var clientX;
+  var clientY;
+  if (event.type === 'touchend') {
     clientY = event.changedTouches[0].clientY;
     clientX = event.changedTouches[0].clientX;
-  } else if (event.type.startsWith("touch")) {
+  } else if (event.type.startsWith('touch')) {
     clientY = event.touches[0].clientY;
     clientX = event.touches[0].clientX;
   } else {
@@ -49,30 +13,29 @@ var getClientXY = (event) => {
     clientX = event.clientX;
   }
   return {
-    clientX,
-    clientY
+    clientX: clientX,
+    clientY: clientY
   };
 };
-var displayedRgb = (color, showAlpha) => {
-  if (!(color instanceof import_color.default)) {
-    throw new TypeError("color should be instance of _color Class");
+
+// methods
+export var displayedRgb = function displayedRgb(color, showAlpha) {
+  if (!(color instanceof Color)) {
+    throw new TypeError('color should be instance of _color Class');
   }
-  const { r, g, b } = color.toRgb();
-  return showAlpha ? `rgba(${r}, ${g}, ${b}, ${color.get("alpha") / 100})` : `rgb(${r}, ${g}, ${b})`;
+  var _color$toRgb = color.toRgb(),
+    r = _color$toRgb.r,
+    g = _color$toRgb.g,
+    b = _color$toRgb.b;
+  return showAlpha ? "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(color.get('alpha') / 100, ")") : "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
 };
-function parseColors(colors, color) {
-  return colors.map((value) => {
-    const c = new import_color.default();
+export function parseColors(colors, color) {
+  return colors.map(function (value) {
+    var c = new Color();
     c.enableAlpha = true;
-    c.format = "rgba";
+    c.format = 'rgba';
     c.fromString(value);
     c.selected = c.value === color.value;
     return c;
   });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  displayedRgb,
-  getClientXY,
-  parseColors
-});
+}

package/dist/ConfigProvider/ConfigProvider.d.ts

@@ -1,21 +1,7 @@
-/// <reference types="react" />
-export interface ConfigProviderProps {
-    /** 对按钮进行配置 */
-    button?: {
-        /** 自动在两个中文字符之间插入空格 */
-        autoInsertSpace?: boolean;
-    };
-    /** 对消息进行配置 */
-    /** 对数字输入框进行配置 */
-    inputNumber?: {
-        /** 控制按钮位置 */
-        controlsPositionRight?: boolean;
-        max?: number;
-        min?: number;
-    };
-    popper?: {
-        appendTo?: HTMLElement;
-    };
-}
-declare const ConfigProvider: import("react").Context<ConfigProviderProps>;
+import React from 'react';
+import { ConfigProviderProps } from './typings';
+declare const ConfigProvider: {
+    (props: ConfigProviderProps): React.JSX.Element;
+    displayName: string;
+};
 export default ConfigProvider;

package/dist/ConfigProvider/ConfigProvider.js

@@ -1,34 +1,70 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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 = ["children", "locale"];
+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 React, { useEffect } from 'react';
+import { isEmpty, mergeDefaultProps } from "../Util";
+import ConfigProviderContext from "./ConfigProviderContext";
+var ConfigProvider = function ConfigProvider(props) {
+  props = mergeDefaultProps({
+    locale: 'en',
+    size: 'default',
+    button: {
+      autoInsertSpace: false,
+      type: undefined,
+      plain: false,
+      round: false
+    },
+    link: {
+      type: 'default',
+      underline: 'hover'
+    },
+    card: {
+      shadow: undefined
+    },
+    message: {
+      showClose: undefined,
+      duration: undefined,
+      grouping: undefined,
+      offset: undefined
+    }
+  }, props);
+  var _props = props,
+    children = _props.children,
+    locale = _props.locale,
+    values = _objectWithoutProperties(_props, _excluded);
+  useEffect(function () {
+    // const configs = localStorage.getItem('__el__config__provider__');
+    // let msgConfig = null;
+    // if (isEmpty(configs) || JSON.parse(configs).length === 0) {
+    //     msgConfig = [props.message];
+    //     localStorage.setItem('__el__config__provider__', JSON.stringify([props.message]));
+    // } else {
+    //     msgConfig = [...JSON.parse(configs), props.message];
+    //     localStorage.setItem('__el__config__provider__', JSON.stringify(msgConfig));
+    // }
 
-// src/ConfigProvider/ConfigProvider.ts
-var ConfigProvider_exports = {};
-__export(ConfigProvider_exports, {
-  default: () => ConfigProvider_default
-});
-module.exports = __toCommonJS(ConfigProvider_exports);
-var import_react = require("react");
-var ConfigProvider = (0, import_react.createContext)({
-  // message: { max: Infinity },
-  inputNumber: {
-    controlsPositionRight: false
-  },
-  popper: {}
-});
-ConfigProvider.displayName = "ConfigProvider";
-var ConfigProvider_default = ConfigProvider;
+    var msgConfig = localStorage.getItem('__el__message__config__provider__');
+    if (isEmpty(msgConfig) || Object.keys(JSON.parse(msgConfig)).length === 0) {
+      localStorage.setItem('__el__message__config__provider__', JSON.stringify(props.message));
+    } else {
+      localStorage.setItem('__el__message__config__provider__', JSON.stringify(mergeDefaultProps(JSON.parse(msgConfig), props.message)));
+    }
+
+    // return () => {
+    //     localStorage.removeItem('__el__message_config__provider');
+    // };
+  });
+  return /*#__PURE__*/React.createElement(ConfigProviderContext.Provider, {
+    value: _objectSpread(_objectSpread({}, values), {}, {
+      locale: locale === 'zh-cn' ? 'zh-CN' : locale
+    })
+  }, children);
+};
+export default ConfigProvider;
+ConfigProvider.displayName = 'ElConfigProvider';

package/dist/ConfigProvider/ConfigProviderContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ConfigProviderContextProps } from './typings';
+declare const ConfigProviderContext: import("react").Context<ConfigProviderContextProps>;
+export declare const useConfigProvider: () => ConfigProviderContextProps;
+export default ConfigProviderContext;

package/dist/ConfigProvider/ConfigProviderContext.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+var ConfigProviderContext = /*#__PURE__*/createContext({
+  // message: { max: Infinity },
+  inputNumber: {
+    controlsPositionRight: false
+  },
+  locale: 'en',
+  popper: {}
+});
+export var useConfigProvider = function useConfigProvider() {
+  return useContext(ConfigProviderContext);
+};
+export default ConfigProviderContext;

package/dist/ConfigProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ConfigProvider } from './ConfigProvider';
-export type { ConfigProviderProps } from './ConfigProvider';
+export type { ConfigProviderProps } from './typings';

package/dist/ConfigProvider/index.js

@@ -1,39 +1 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ConfigProvider/index.ts
-var ConfigProvider_exports = {};
-__export(ConfigProvider_exports, {
-  ConfigProvider: () => import_ConfigProvider.default
-});
-module.exports = __toCommonJS(ConfigProvider_exports);
-var import_ConfigProvider = __toESM(require("./ConfigProvider"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ConfigProvider
-});
+export { default as ConfigProvider } from "./ConfigProvider";

package/dist/ConfigProvider/typings.d.ts

@@ -0,0 +1,53 @@
+import { BaseProps, TypeAttributes } from '../types/common';
+export interface ConfigProviderProps extends BaseProps {
+    /** 对按钮进行配置 */
+    button?: {
+        /** 自动在两个中文字符之间插入空格 */
+        autoInsertSpace?: boolean;
+        /** 类型 */
+        type?: TypeAttributes.Appearance;
+        /** 是否为朴素按钮 */
+        plain?: boolean;
+        /** 是否为圆角按钮 */
+        round?: boolean;
+    };
+    link?: {
+        /** 类型 */
+        type?: TypeAttributes.Appearance;
+        /** 是否下划线  */
+        underline?: 'always' | 'hover' | 'never';
+    };
+    /** 全局组件大小 */
+    size?: TypeAttributes.Size;
+    /** 对 Card 进行配置 */
+    card?: {
+        /** 设置阴影显示时机 */
+        shadow?: 'always' | 'never' | 'hover';
+    };
+    /** 对消息进行配置 */
+    message?: {
+        /** 可同时显示的消息最大数量 */
+        /** 是否显示关闭按钮 */
+        showClose?: boolean;
+        /** 显示时间，单位为毫秒。 设为 0 则不会自动关闭 */
+        duration?: number;
+        /** 合并内容相同的消息，不支持 VNode 类型的消息 */
+        grouping?: boolean;
+        /** Message 距离窗口顶部的偏移量 */
+        offset?: number;
+    };
+    /** 对数字输入框进行配置 */
+    inputNumber?: {
+        /** 控制按钮位置 */
+        controlsPositionRight?: boolean;
+        max?: number;
+        min?: number;
+    };
+    popper?: {
+        appendTo?: HTMLElement;
+    };
+    locale?: 'en' | 'zh-cn';
+}
+export type ConfigProviderContextProps = Omit<ConfigProviderProps, 'locale'> & {
+    locale?: 'en' | 'zh-CN';
+};

package/dist/ConfigProvider/typings.js

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

package/dist/Container/Aside.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Aside: React.ForwardRefExoticComponent<import("..").BaseProps<import("../types/common").ComponentChildren> & import("..").NativeProps<"--el-aside-width"> & {
+    width?: string | number;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Aside;

package/dist/Container/Aside.js

@@ -0,0 +1,26 @@
+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); }
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { addUnit, mergeDefaultProps } from "../Util";
+import { useClassNames } from "../hooks";
+var Aside = /*#__PURE__*/forwardRef(function (props, ref) {
+  props = mergeDefaultProps({
+    width: '300px'
+  }, props);
+  var _useClassNames = useClassNames('aside'),
+    b = _useClassNames.b;
+  return /*#__PURE__*/React.createElement("aside", {
+    className: classNames(b(), props.className),
+    ref: ref,
+    style: _objectSpread({
+      '--el-aside-width': addUnit(props.width)
+    }, props.style)
+  }, props.children);
+});
+Aside.displayName = 'ElAside';
+export default Aside;

package/dist/Container/Container.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Container: React.ForwardRefExoticComponent<import("..").BaseProps<import("../types/common").ComponentChildren> & import("..").NativeProps & {
+    direction?: "horizontal" | "vertical";
+} & React.RefAttributes<HTMLDivElement>>;
+export default Container;

package/dist/Container/Container.js

@@ -0,0 +1,37 @@
+import classNames from 'classnames';
+import React, { Children, forwardRef, useMemo } from 'react';
+import { useClassNames } from "../hooks";
+var Container = /*#__PURE__*/forwardRef(function (props, ref) {
+  var direction = props.direction,
+    children = props.children;
+  var _useClassNames = useClassNames('container'),
+    b = _useClassNames.b,
+    is = _useClassNames.is;
+  var isVertical = useMemo(function () {
+    if (direction === 'vertical') {
+      return true;
+    } else if (direction === 'horizontal') {
+      return false;
+    }
+    if (Children.count(children) > 0) {
+      var vNodes = Children.toArray(children);
+      return vNodes.some(function (node) {
+        var _nodeType;
+        var nodeType = node === null || node === void 0 ? void 0 : node.type;
+        nodeType = ((_nodeType = nodeType) === null || _nodeType === void 0 ? void 0 : _nodeType.displayName) || nodeType;
+        return nodeType === 'ElHeader' || nodeType === 'ElFooter';
+      });
+    } else {
+      return false;
+    }
+  }, [children, direction]);
+  return /*#__PURE__*/React.createElement("section", {
+    className: classNames(b(), is({
+      vertical: isVertical
+    }), props.className),
+    ref: ref,
+    style: props.style
+  }, props.children);
+});
+Container.displayName = 'ElContainer';
+export default Container;

package/dist/Container/Footer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Footer: React.ForwardRefExoticComponent<import("..").BaseProps<import("../types/common").ComponentChildren> & import("..").NativeProps<"--el-footer-padding" | "--el-footer-height"> & {
+    height?: string | number;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Footer;

package/dist/Container/Footer.js

@@ -0,0 +1,26 @@
+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); }
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { addUnit, mergeDefaultProps } from "../Util";
+import { useClassNames } from "../hooks";
+var Footer = /*#__PURE__*/forwardRef(function (props, ref) {
+  props = mergeDefaultProps({
+    height: '60px'
+  }, props);
+  var _useClassNames = useClassNames('footer'),
+    b = _useClassNames.b;
+  return /*#__PURE__*/React.createElement("footer", {
+    className: classNames(b(), props.className),
+    ref: ref,
+    style: _objectSpread({
+      '--el-footer-height': addUnit(props.height)
+    }, props.style)
+  }, props.children);
+});
+Footer.displayName = 'ElFooter';
+export default Footer;

package/dist/Container/Header.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Header: React.ForwardRefExoticComponent<import("..").BaseProps<import("../types/common").ComponentChildren> & import("..").NativeProps<"--el-header-padding" | "--el-header-height"> & {
+    height?: string | number;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Header;