@king-design/react 3.0.1 → 3.1.0-beta.0

package/components/split/style.d.ts

@@ -1,4 +0,0 @@
-import '../../styles/global';
-export declare type Mode = 'horizontal' | 'vertical';
-export declare const kls: (className: string) => string;
-export declare function makeStyles(): string;

package/components/split/style.js

@@ -1,55 +0,0 @@
-import { theme, setDefault } from '../../styles/theme';
-import { css } from '@emotion/css';
-import '../../styles/global';
-import { deepDefaults } from '../../styles/utils';
-export var kls = function kls(className) {
-  return "k-split-" + className;
-};
-var defaults = {
-  splitLineSize: '6px',
-  dragLinesSize: '1px',
-  dragLinesCount: 5,
-  dragLiensGutter: 5,
-
-  get bgColor() {
-    return theme.color.bg;
-  },
-
-  get baseBorder() {
-    return "1px solid " + theme.color.border;
-  },
-
-  get transition() {
-    return theme.transition.middle;
-  },
-
-  get boderColor() {
-    return theme.color.border;
-  },
-
-  get dragLineMargin() {
-    return "-" + split.dragLinesCount * (split.dragLiensGutter + 1) / 2 + "px";
-  },
-
-  boxShadow: function boxShadow(direction) {
-    var i = 1;
-    var tmp = [];
-
-    while (i <= split.dragLinesCount) {
-      var shadowVal = direction === 'horizontal' ? "0 " + i * split.dragLiensGutter + "px 0 0" : i * split.dragLiensGutter + "px 0 0 0";
-      tmp.push(shadowVal + " " + split.boderColor);
-      i++;
-    }
-
-    return "" + tmp.join(',');
-  }
-};
-var split;
-setDefault(function () {
-  split = deepDefaults(theme, {
-    split: defaults
-  }).split;
-});
-export function makeStyles() {
-  return /*#__PURE__*/css("display:flex;height:100%;&>.", kls('first'), ",&>.", kls('last'), "{overflow:auto;position:relative;}&>.", kls('first'), "{flex:0 0 auto;}&>.", kls('last'), "{flex:auto;}&.k-first-auto{&>.", kls('first'), "{flex:auto;}&>.", kls('last'), "{flex:0 0 auto;}}&:not(.k-resizing){&>.", kls('first'), ",&>.", kls('last'), "{transition:all ", split.transition, ";}}&>.", kls('line-wrapper'), "{flex:0 0 auto;text-align:center;overflow:hidden;.", kls('line'), "{height:100%;background:", split.bgColor, ";position:relative;}.", kls('drag-lines'), "{background:", split.boderColor, ";position:absolute;}}&.k-horizontal{&>.", kls('line-wrapper'), "{cursor:col-resize;width:", split.splitLineSize, ";.", kls('line'), "{border-left:", split.baseBorder, ";border-right:", split.baseBorder, ";}.", kls('drag-lines'), "{height:", split.dragLinesSize, ";width:100%;top:50%;margin-top:", split.dragLineMargin, ";box-shadow:", split.boxShadow('horizontal'), ";}}}&.k-vertical{flex-direction:column;&>.", kls('line-wrapper'), "{cursor:row-resize;height:", split.splitLineSize, ";.", kls('line'), "{border-top:", split.baseBorder, ";border-bottom:", split.baseBorder, ";}.", kls('drag-lines'), "{width:", split.dragLinesSize, ";height:100%;left:50%;margin-left:", split.dragLineMargin, ";box-shadow:", split.boxShadow('vertical'), ";}}}");
-}