@ditari/bsui 1.0.0

package/dist/esm/style.css

@@ -0,0 +1,274 @@
+.dfb-list-layout {
+  padding: 20px;
+  height: 100%;
+}
+.dfb-list-layout .wrapper {
+  display: flex;
+  flex-direction: column;
+}
+.dfb-list-layout .dfb-list-table {
+  flex: 1;
+}
+.dfb-list-layout .dfb-list-table .ant-card-body {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.dfb-list-layout .dfb-list-form .ant-card-body {
+  padding-bottom: 0;
+}
+.dfb-list-layout .wrapper,
+.dfb-layout {
+  height: 100%;
+}
+.dfb-layout .dfb-layout-sider {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+}
+.dfb-layout .dfb-top-layout {
+  position: fixed;
+  left: 200px;
+  right: 0;
+  z-index: 210;
+}
+.dfb-layout .dfb-layout-content {
+  margin-left: 200px;
+  margin-top: 84px;
+}
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.1s ease;
+}
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+.main-enter-active {
+  transition: 0.2s;
+}
+.main-leave-active {
+  transition: 0.15s;
+}
+.main-enter-from {
+  opacity: 0;
+  margin-left: -20px;
+}
+.main-leave-to {
+  opacity: 0;
+  margin-left: 20px;
+}
+.dfb-layout-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 15px;
+  height: 42px;
+  border-bottom: 1px solid #f0f2f5;
+  background-color: #fff;
+}
+.dfb-layout-header .dfb-layout-header-left {
+  display: flex;
+  justify-content: center;
+}
+.dfb-layout-header .dfb-layout-header-left .dfb-side-collapsed {
+  margin-right: 20px;
+  cursor: pointer;
+  width: 42px;
+  line-height: 30px;
+  text-align: center;
+  transition-duration: 0.2s;
+}
+.dfb-layout-header .dfb-layout-header-left .dfb-side-collapsed:hover {
+  background-color: #f0f2f5;
+  border-radius: 4px;
+}
+.dfb-layout-header .dfb-layout-header-left .dfb-side-collapsed .icon {
+  transition-duration: 0.2s;
+}
+.dfb-user-menu {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.dfb-user-menu .dfb-operation-items {
+  margin-left: 10px;
+  height: 100%;
+}
+.dfb-user-menu .dfb-operation-items .ant-dropdown-link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.collapsed-animation {
+  transform: rotate(-180deg);
+}
+.xi-pagination {
+  margin-top: 24px;
+  text-align: center;
+}
+.dfb-nav {
+  background: #f0f2f5;
+}
+.dfb-nav .ant-tabs-nav {
+  margin: 0;
+}
+.dfb-nav .ant-tabs-content-holder {
+  display: none;
+}
+.dfb-nav .ant-tabs-tab {
+  position: relative;
+  margin-left: 0 !important;
+  border: 0 !important;
+  transition: none !important;
+  border-radius: 10px 10px 0 0 !important;
+}
+.dfb-nav .ant-tabs-tab:not(.ant-tabs-tab-active) {
+  background: transparent;
+}
+.dfb-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) {
+  background: #e9e9e9;
+}
+.dfb-nav .ant-tabs-tab .ant-tabs-tab-btn {
+  display: flex;
+  align-items: center;
+}
+.dfb-nav .ant-tabs-tab .anticon {
+  margin-right: 0;
+  margin-left: 20px;
+}
+.dfb-nav .ant-tabs-tab .anticon:hover {
+  font-weight: 700;
+}
+.dfb-nav .ant-tabs-nav-wrap {
+  padding: 4px 8px 0;
+}
+.dfb-nav .ant-tabs-tab:before,
+.dfb-nav .ant-tabs-tab:after {
+  position: absolute;
+  bottom: 0;
+  content: "";
+  width: 20px;
+  height: 20px;
+  border-radius: 100%;
+  box-shadow: 0 0 0 40px transparent;
+}
+.dfb-nav .ant-tabs-tab:before {
+  left: -20px;
+  clip-path: inset(50% -10px 0 50%);
+}
+.dfb-nav .ant-tabs-tab:after {
+  right: -20px;
+  clip-path: inset(50% 50% 0 -10px);
+}
+.dfb-nav .ant-tabs-tab:hover:before,
+.dfb-nav .ant-tabs-tab:hover:after {
+  box-shadow: 0 0 0 30px #e9e9e9;
+}
+.dfb-nav .ant-tabs-tab.ant-tabs-tab-active:before,
+.dfb-nav .ant-tabs-tab.ant-tabs-tab-active:after {
+  z-index: 10;
+  box-shadow: 0 0 0 30px #fff;
+}
+.dfb-nav .tab-item-dividers {
+  position: absolute;
+  z-index: 0;
+  height: 14px;
+  top: 50%;
+  left: 0;
+  right: 0;
+  margin-top: -7px;
+}
+.dfb-nav .tab-item-dividers:before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 1px;
+  bottom: 0;
+  width: 1px;
+  opacity: 1;
+  background-color: red;
+  transition: opacity 0.2s ease, background-color 0.3s;
+  z-index: 2;
+}
+.dfb-show-layout .dfb-page-header {
+  position: sticky;
+  top: 84px;
+  padding: 4px 24px;
+}
+.xi-show-layout {
+  display: flex;
+  flex-direction: column;
+}
+.xi-show-layout .xi-page-header {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  padding: 0 0 0 10px;
+}
+.xi-show-layout .xi-page-header .ant-page-header-heading-title {
+  font-size: 16px;
+}
+.xi-show-layout .xi-show-content {
+  flex: 1;
+  position: relative;
+  padding: 20px;
+  overflow-y: scroll;
+  -ms-overflow-style: none;
+}
+.xi-show-layout .xi-show-content::-webkit-scrollbar {
+  width: 0 !important;
+  display: none;
+}
+.xi-show-layout .footer {
+  padding: 20px;
+}
+.dfb-breadcrumb .ant-breadcrumb-separator {
+  display: none;
+}
+.dfb-breadcrumb .breadcrumb {
+  display: flex;
+}
+.dfb-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link {
+  border-radius: 6px 0 0 6px;
+  clip-path: polygon(
+    0 0,
+    calc(100% - 8px) 0,
+    100% 50%,
+    calc(100% - 8px) 100%,
+    0 100%
+  );
+}
+.dfb-breadcrumb
+  .breadcrumb
+  .breadcrumb-item:last-child:not(:last-child)
+  .breadcrumb-link {
+  border-radius: 0 6px 6px 0;
+  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
+}
+.dfb-breadcrumb .breadcrumb-link {
+  display: block;
+  padding: 4px 12px;
+  background: #f0f2f5;
+  clip-path: polygon(
+    0 0,
+    calc(100% - 8px) 0,
+    100% 50%,
+    calc(100% - 8px) 100%,
+    0 100%,
+    8px 50%
+  );
+}
+.breadcrumb-enter-active {
+  transition: all 0.25s;
+}
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translate(30px) skew(-50deg);
+}

package/dist/esm/utils/get.d.ts

@@ -0,0 +1 @@
+export declare const get: (source: Record<string, any>, path: string, defaultValue?: any) => any;

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { default as withInstall } from "./install";
+export { get } from "./get";

package/dist/esm/utils/install.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from "vue";
+export type SFCWithInstall<T> = T & Plugin;
+declare const _default: <T>(comp: T) => SFCWithInstall<T>;
+export default _default;

package/dist/esm/utils/install.esm.js

@@ -0,0 +1,7 @@
+const e = (n) => (n.install = (t) => {
+  const a = n.name || n.__name;
+  t.component(a, n);
+}, n);
+export {
+  e as default
+};

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@ditari/bsui",
+  "version": "1.0.0",
+  "files": [
+    "dist/**"
+  ],
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./ui": {
+      "require": "./dist/cjs/components/index.cjs.js",
+      "import": "./dist/esm/components/index.esm.js",
+      "types": "./dist/esm/components/index.d.ts"
+    },
+    "./store": {
+      "require": "./dist/cjs/store/index.cjs.js",
+      "import": "./dist/esm/store/index.esm.js",
+      "types": "./dist/esm/store/index.d.ts"
+    },
+    "./hooks": {
+      "require": "./dist/cjs/store/index.cjs.js",
+      "import": "./dist/esm/store/index.esm.js",
+      "types": "./dist/esm/store/index.d.ts"
+    }
+  }
+}