From 79e7b4be65c097dab977a342d44923718ee5993b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 22:38:35 +0800
Subject: [PATCH] chore: move createNamespace

---
 src-next/utils/create/bem.ts       | 45 ++++++++++++++++++++++++++++++
 src-next/utils/create/component.ts | 18 ++++++++++++
 src-next/utils/create/index.ts     | 18 ++++++++++++
 3 files changed, 81 insertions(+)
 create mode 100644 src-next/utils/create/bem.ts
 create mode 100644 src-next/utils/create/component.ts
 create mode 100644 src-next/utils/create/index.ts

diff --git a/src-next/utils/create/bem.ts b/src-next/utils/create/bem.ts
new file mode 100644
index 000000000..7d599680c
--- /dev/null
+++ b/src-next/utils/create/bem.ts
@@ -0,0 +1,45 @@
+/**
+ * bem helper
+ * b() // 'button'
+ * b('text') // 'button__text'
+ * b({ disabled }) // 'button button--disabled'
+ * b('text', { disabled }) // 'button__text button__text--disabled'
+ * b(['disabled', 'primary']) // 'button button--disabled button--primary'
+ */
+
+export type Mod = string | { [key: string]: any };
+export type Mods = Mod | Mod[];
+
+function gen(name: string, mods?: Mods): string {
+  if (!mods) {
+    return '';
+  }
+
+  if (typeof mods === 'string') {
+    return ` ${name}--${mods}`;
+  }
+
+  if (Array.isArray(mods)) {
+    return mods.reduce<string>((ret, item) => ret + gen(name, item), '');
+  }
+
+  return Object.keys(mods).reduce(
+    (ret, key) => ret + (mods[key] ? gen(name, key) : ''),
+    ''
+  );
+}
+
+export function createBEM(name: string) {
+  return function (el?: Mods, mods?: Mods): Mods {
+    if (el && typeof el !== 'string') {
+      mods = el;
+      el = '';
+    }
+
+    el = el ? `${name}__${el}` : name;
+
+    return `${el}${gen(el, mods)}`;
+  };
+}
+
+export type BEM = ReturnType<typeof createBEM>;
diff --git a/src-next/utils/create/component.ts b/src-next/utils/create/component.ts
new file mode 100644
index 000000000..90e316e3f
--- /dev/null
+++ b/src-next/utils/create/component.ts
@@ -0,0 +1,18 @@
+/**
+ * Create a basic component with common options
+ */
+
+// function install(this: any, Vue: VueConstructor) {
+//   const { name } = this;
+//   Vue.component(name as string, this);
+//   Vue.component(camelize(`-${name}`), this);
+// }
+
+export function createComponent(name: string) {
+  return function (sfc: any) {
+    sfc.name = name;
+    // sfc.install = install;
+
+    return sfc;
+  };
+}
diff --git a/src-next/utils/create/index.ts b/src-next/utils/create/index.ts
new file mode 100644
index 000000000..0b89a657b
--- /dev/null
+++ b/src-next/utils/create/index.ts
@@ -0,0 +1,18 @@
+import { createBEM, BEM } from './bem';
+import { createComponent } from './component';
+// import { createI18N, Translate } from './i18n';
+
+type CreateNamespaceReturn = [
+  ReturnType<typeof createComponent>,
+  BEM,
+  // Translate
+];
+
+export function createNamespace(name: string): CreateNamespaceReturn {
+  name = 'van-' + name;
+  return [
+    createComponent(name),
+    createBEM(name),
+    // createI18N(name)
+  ];
+}